特定屏幕上的标题

Question

我正在使用React-Native处理应用程序。 我正在使用React-Navigation，在我的登录和注册屏幕中，我不希望显示标题。 这就是我写的，它正在发挥作用：

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

现在我正在我的主屏幕上工作，我希望主屏幕有一个标题。 如何仅在主屏幕上启用标题？ 我尝试更改＆＃34; headerMode：＆＃39; none＆＃39;＆＃34;位置，但它没有工作。

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部分内指出您可以传递header

  

React Element或给定HeaderProps返回React的函数   元素，显示为标题。设置为null隐藏标题。