React native 如何处理安全区域';s背景色与底部选项卡导航?

React native 如何处理安全区域';s背景色与底部选项卡导航?,react-native,react-navigation,react-navigation-v5,react-navigation-bottom-tab,React Native,React Navigation,React Navigation V5,React Navigation Bottom Tab,当前行为 大家好, 我想设置底部选项卡的背景色。所以我就这样做了 <Tab.Navigator tabBarOptions={{ activeTintColor: '#FF0000', activeBackgroundColor: '#FFFFFF', inactiveBackgroundColor: '#FF0000', inactiveTintColor: '#FFFFFF' }}>

当前行为

大家好,

我想设置底部选项卡的背景色。所以我就这样做了

<Tab.Navigator
      tabBarOptions={{
        activeTintColor: '#FF0000',
        activeBackgroundColor: '#FFFFFF',
        inactiveBackgroundColor: '#FF0000',
        inactiveTintColor:  '#FFFFFF'
      }}>
      <Tab.Screen
        name="Home"
        component={HomeScreen}
      />
      <Tab.Screen
        name="Account"
        component={AccountScreen}
      />
    </Tab.Navigator>

问题是安全区域有白色背景

预期行为

我所期望的是

那么你能告诉我如何在React导航版本5中解决这个问题吗? 谢谢大家!

您的环境

iOS 反应本机:0.61.5

@反应导航/本机:^5.0.5

@反应导航/底部选项卡:^5.0.5

我在以下答案中找到了一个选项(我不喜欢,但它可以工作):


我刚刚设置了
背景色



我自己也遇到了这个问题。运气好吗?我也有同样的问题!