React Native:更改导航选项卡的颜色

import { createAppContainer } from 'react-navigation';
import { createBottomTabNavigator } from 'react-navigation-tabs';
import { createStackNavigator } from 'react-navigation-stack';
import { StyleSheet } from 'react-native';

const TabNavigator = createBottomTabNavigator({
  Home: HomeScreen,
  Profile: ProfileScreen,
  Settings: SettingsScreen,
});

const StackNavigator = createStackNavigator({
  Tabs: TabNavigator,
  Details: DetailsScreen,
});

const styles = StyleSheet.create({
  tabBar: {
    backgroundColor: 'blue', // 更改选项卡的背景颜色
  },
  tabBarLabel: {
    fontSize: 16,
    fontWeight: 'bold',
    color: 'white', // 更改选项卡标签的文字颜色
  },
});

const AppContainer = createAppContainer(StackNavigator);

export default function App() {
  return <AppContainer />;
}