使用React Native中的React Navigation在navigationOptions中将标头设置为null？

Question

我要将header设置为null。

目前，我正在尝试

const HomeStack = createStackNavigator({
  Home: HomeScreen,
})

HomeStack.navigationOptions = {
  tabBarLabel: 'Home',
  header: null
}

但是上面的header: null无效。

但是下面的代码确实有效。

class HomeScreen extends React.Component {
  static navigationOptions = {
    header: null,
  }

  render() {
    ...
  }
}

我如何使其在HomeStack.navigationOptions中工作？

还可以因为不希望在任何屏幕上使用header: null而设置全局header吗？

Answer 1

尝试这样的事情（注意headerModel：'none'）：

const MainStack = createStackNavigator(
  {
    Home: { screen: Home },
  },
  { initialRouteName: 'Home', headerMode: 'none' }
);