Header 在特定屏幕上

Question

我正在使用 React-Native 开发一个应用程序。我正在使用 React-Navigation 并且在我的登录和注册屏幕中我不希望显示 header。这是我写的并且正在运行：

const Stylelist = StackNavigator({
  Login: { screen: HomeScreen}, // when finish working on homescreen, change back to LoginScreen
  Register: { screen: RegisterScreen},
  Home: { screen: HomeScreen},
},{headerMode: "none"});

现在我正在处理我的主屏幕，我希望主屏幕有一个 header。如何仅在主屏幕上启用 header？我尝试更改 "headerMode: 'none'" 位置，但没有用。

Answer 1

const Stylelist = StackNavigator({
  Login: { 
    screen: HomeScreen,
    navigationOptions: ({navigation}) => ({
      header: null,
    }),  
  }
  Register: { screen: RegisterScreen },
  Home: { screen: HomeScreen },
});

我从未使用过 React Navigation，但我查看了文档，特别是 StackNavigator，您可以看到 here。

它在 Stack Navigator Options section that you can pass a header 中说明是

React Element or a function that given HeaderProps returns a React Element, to display as a header. Setting to null hides header.

Header 在特定屏幕上

Header on specific screen

react-native

react-navigation