特定屏幕上的标题

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"});

现在我在主屏幕上工作，我希望主屏幕有一个标题。 如何仅在主屏幕上启用标题？ 我尝试更改“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 部分中声明您可以传递 header 这是一个

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