【问题标题】: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>

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

【问题讨论】:

  • 您必须在每个单独的组件中为screen1screen2 .etc 设置样式

标签: reactjs react-native react-navigation tabnavigator


【解决方案1】:

找到答案了!

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-11-15
    • 1970-01-01
    • 2012-08-27
    • 2012-08-17
    • 1970-01-01
    • 2011-05-17
    • 1970-01-01
    • 2018-04-14
    相关资源
    最近更新 更多