Question

是否有一种方法可以告诉react-navigation库我不想在应用程序的所有屏幕中使用标题？

而不是设置navigationOptions = { 标头：null， }在每个屏幕中，是否有一些我只能设置一次的导航器级别设置？

Answer 1

这是帮助您修改React Navigation标头的方法。

    export default createStackNavigator({
     Home: {
       screen: HomeScreen
     },
     Login: {
       screen: LoginScreen
    }
   },
  {
   initialRouteName: 'Home',
   mode: 'modal',
   headerMode: 'none'
  })

看一下代码，您可以看到它具有一个对象，可以在React Navigation中配置所需的一切。

签出this link以了解它。

加油！

Answer 2

在navigationOptions上将其设置为null，如下所示：

export const StackRouter = StackNavigator({

  Screen1: {
    screen: Screen1,
  },
  Screen2: {
    screen: Screen2,
  },
  Screen3: {
    screen: Screen3,
  },
  Screen4: {
    screen: Screen4,
  }
},
{
  headerMode: 'float',
  navigationOptions:({navigation}) => ({
    header: null,
  }),

});

Answer 3

您可以选择在所有屏幕中隐藏导航区域。像这样更新您的代码。

export const Root = StackNavigator({
      Login: {
        screen: Home,
      },
    },{
      mode: 'modal',
      navigationOptions: {
             header: null//Will hide header for all screens of current stack navigator, 
       },
      initialRouteName: 'Home',
    })

Answer 4

如果要应用堆栈中的所有屏幕，不想显示标题，只需执行此操作。

export const stackScreens = StackNavigator(
{ 
   Screen1: { screen: Screen1 },
   Screen2: { screen: Screen2 }
}, 
{ 
   navigationOptions : ({ navigation }) => ({
     header: null
   })
});

使用不带标题的反应导航

4 个答案: