更改createMaterialTopTabNavigator屏幕的背景颜色

时间:2020-10-24 14:59:55

标签: reactjs react-native react-navigation tabnavigator

我需要更改所有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>

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

1 个答案:

答案 0 :(得分:0)

找到答案!

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

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