如何在createbottomtabnavigrtor中将自定义样式添加到活动选项卡中

import { createBottomTabNavigator } from 'react-navigation-tabs';
import { Image, StyleSheet } from 'react-native';

const CustomTabBarIcon = ({ focused, tintColor, icon }) => (
  <Image
    source={icon}
    style={[styles.tabBarIcon, { tintColor: focused ? tintColor : '#999999' }]}
  />
);

const TabNavigatorConfig = {
  tabBarOptions: {
    showLabel: false, // 隐藏选项卡标签
    activeTintColor: '#FF0000', // 活动选项卡的颜色
    inactiveTintColor: '#999999', // 非活动选项卡的颜色
    style: {
      backgroundColor: '#FFFFFF', // 选项卡背景颜色
    },
  },
};

const TabNavigator = createBottomTabNavigator(
  {
    Home: {
      screen: HomeScreen,
      navigationOptions: {
        tabBarIcon: ({ focused, tintColor }) => (
          <CustomTabBarIcon
            focused={focused}
            tintColor={tintColor}
            icon={require('./images/home.png')}
          />
        ),
      },
    },
    Profile: {
      screen: ProfileScreen,
      navigationOptions: {
        tabBarIcon: ({ focused, tintColor }) => (
          <CustomTabBarIcon
            focused={focused}
            tintColor={tintColor}
            icon={require('./images/profile.png')}
          />
        ),
      },
    },
    // 添加其他选项卡...
  },
  TabNavigatorConfig
);

const AppNavigator = createStackNavigator(
  {
    Main: {
      screen: TabNavigator,
    },
    // 添加其他屏幕...
  },
  {
    initialRouteName: 'Main',
    // 其他导航器配置...
  }
);