如何在React Native中获取active TabBarButton？

import { useNavigationState } from '@react-navigation/native';
import { BottomTabBar } from '@react-navigation/bottom-tabs';

const TabBarComponent = (props) => {
  const navigationState = useNavigationState((state) => state);

  // 在这里可以访问导航状态对象，包括当前活动的Tab信息
  console.log(navigationState);

  return <BottomTabBar {...props} />;
};

const TabBarComponent = (props) => {
  const navigationState = useNavigationState((state) => state);

  // 获取当前活动的Tab的索引值
  const activeTabIndex = navigationState.index;

  return <BottomTabBar {...props} />;
};

const TabBarComponent = (props) => {
  const navigationState = useNavigationState((state) => state);

  // 获取当前活动的Tab的索引值
  const activeTabIndex = navigationState.index;

  // 获取当前活动的Tab的信息
  const activeTab = navigationState.routes[activeTabIndex];

  // 在这里可以访问当前活动Tab的其他属性，例如名称、图标等
  console.log(activeTab);

  return <BottomTabBar {...props} />;
};