react-native - 反应本机应用程序中的底部标签背景颜色

Question

我在我的世博会应用程序 react-navigation 和底部选项卡中使用。
我已经指定了一些这样的选项：

  <TabStack.Navigator
      initialRouteName="Compte"
      tabBarOptions={{
        activeTintColor: EAppColors.PRIMARY_GREEN,
        labelStyle: {
          fontFamily: 'BeVietnam-Regular',
          fontSize: normalize(12),
          fontStyle: 'normal',
          lineHeight: 20,
          textAlign: 'center',
          marginBottom: 5,
        },
        tabStyle: {
          alignItems: 'center',
          justifyContent: 'center',
          height: 40,
          marginTop: '3.5%',
        },
        style: { paddingHorizontal: '5%' },
      }}>  

我需要在标签栏的左侧和右侧放置一些顶部半径，但后面的视图保持其颜色....

如何更改后面视图的颜色？（图片左上角灰色）

标签： react-nativeexporeact-navigationtabbar

Answer 1

<TabStack.Navigator></TabStack.Navigator>用View一些包裹你backgroundColor

像这样的东西

<View style={{ flex:1, backgroundColor: 'red' }}> // Or whatever color you want
  <TabStack.Navigator>
      // All TabScreens etc.. here
  </TabStack.Navigator>
</View>