如何在React导航v5中将显示在后面的背景颜色更改为BottomTab？

import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { NavigationContainer } from '@react-navigation/native';
import { StyleSheet } from 'react-native';

const Tab = createBottomTabNavigator();

function HomeScreen() {
  return (
    // 屏幕内容
  );
}

function ProfileScreen() {
  return (
    // 屏幕内容
  );
}

const styles = StyleSheet.create({
  tabBar: {
    backgroundColor: 'red', // 更改背景颜色为红色
  },
});

function App() {
  return (
    <NavigationContainer>
      <Tab.Navigator
        tabBarOptions={{
          style: styles.tabBar, // 应用自定义样式
        }}
      >
        <Tab.Screen name="Home" component={HomeScreen} />
        <Tab.Screen name="Profile" component={ProfileScreen} />
      </Tab.Navigator>
    </NavigationContainer>
  );
}