React导航材料顶部选项卡导航器滑动事件或回调方法？

import React, { useState } from 'react';
import { TabBar } from 'react-native';

const TabNavigator = () => {
  const [selectedTab, setSelectedTab] = useState('home');

  const handleTabChange = (tab) => {
    setSelectedTab(tab);
    // 执行其他操作...
  };

  return (
    <TabBar>
      <TabBar.Item
        title="Home"
        selected={selectedTab === 'home'}
        onPress={() => handleTabChange('home')}
      >
        {/* Home 页面内容 */}
      </TabBar.Item>
      <TabBar.Item
        title="Settings"
        selected={selectedTab === 'settings'}
        onPress={() => handleTabChange('settings')}
      >
        {/* Settings 页面内容 */}
      </TabBar.Item>
    </TabBar>
  );
};

export default TabNavigator;