更改 createMaterialTopTabNavigator 屏幕的背景颜色答案

【问题标题】：change background color of createMaterialTopTabNavigator screens更改 createMaterialTopTabNavigator 屏幕的背景颜色
【发布时间】：2021-02-07 09:19:52
【问题描述】：

我需要更改所有的 tabNavigators 屏幕背景颜色

 <Tab.Navigator
  tabBarOptions={{
    style: {
      display: 'none',
    },
  }}>
  <Tab.Screen name="screen" component={screen} />
  <Tab.Screen name="screen2" component={screen2} />
  <Tab.Screen name="screen3" component={screen3} />
</Tab.Navigator>

如何更改每个屏幕的背景颜色？

【问题讨论】：

您必须在每个单独的组件中为screen1、screen2 .etc 设置样式

标签： reactjs react-native react-navigation tabnavigator

【解决方案1】：

找到答案了！

 <Tab.Navigator
  sceneContainerStyle={{
    backgroundColor: theme['primaryColor'],
  }}
 >

对于createMaterialTopTabNavigation，您必须使用sceneContainerStyle 并将其应用到包装器，它会将其添加到每个屏幕:)

【讨论】：