如何在底部导航中更改选定BottomNavigationTab的颜色( ui-kitten )

import { StyleSheet } from 'react-native';

export const styles = StyleSheet.create({
  selectedTab: {
    backgroundColor: 'red', // 设置选定的 BottomNavigationTab 的背景颜色
  },
});

import React from 'react';
import { BottomNavigation, BottomNavigationTab } from 'ui-kitten';
import { styles } from './styles';

const MyBottomNavigation = () => {
  const [selectedIndex, setSelectedIndex] = React.useState(0);

  const onTabSelect = (index) => {
    setSelectedIndex(index);
  };

  return (
    <BottomNavigation
      selectedIndex={selectedIndex}
      onSelect={onTabSelect}
    >
      <BottomNavigationTab
        title='Tab 1'
        style={selectedIndex === 0 ? styles.selectedTab : null} // 应用自定义样式到选定的 BottomNavigationTab
      />
      <BottomNavigationTab
        title='Tab 2'
        style={selectedIndex === 1 ? styles.selectedTab : null} // 应用自定义样式到选定的 BottomNavigationTab
      />
    </BottomNavigation>
  );
};

export default MyBottomNavigation;