全局更改导航器背景颜色

Question

默认导航器和应用程序背景是一些浅灰色，围绕#e4e3eb.

我可以通过 Navigator 配置更改它吗（我使用 StackNavigator）？

注意：我不想更改标题背景颜色，已经通过 headerStyle.

有没有综合

Answer 1

这个问题有点晚了，但是是的，您可以使用cardStyleoption 属性更改 Stack Navigator 卡的背景。

const HomeStack = createStackNavigator( {
  s1: {screen:screen1},
  s2: {screen:screen2},
  s3: {screen:screen3},
  s4: {screen:screen4},
},{
    navigationOptions: {
      headerStyle:{backgroundColor:'#FFFF00'},
      headerTintColor:'white',
      gesturesEnabled:false
    },
    cardStyle: {
      backgroundColor: 'white'
    }
  }
);

Answer 2

您可以使用 defaultNavigationOptions 而不是 navigationOptions ：

const globalNavigator = createStackNavigator(
{
    screen1: screen1,
    screen2: screen2,
}, 
{
    defaultNavigationOptions: () => ({
        cardStyle: {
            backgroundColor: "rgba(0,0,0,0.5)",
        },
    }),
    headerMode: "none",
})