react-native StackNavigator中的条件头

时间:2017-06-23 13:29:36

标签: ios react-native react-navigation

我正在尝试控制我的StackNavigator标头是否通过this.props.navigation.state.params显示。

我有一个包含以下navigationOptions的屏幕:

static navigationOptions = ( {navigation} ) => ({
    header: navigation.state.params.headerConfig,
});

我按如下方式导航到屏幕:

<Button
      onPress={() => navigate('MyScreen', { headerConfig: _____} ) }
      title="Continue"
/>

,____是我不确定的地方。如果我放null,那么标题会消失,但如果我不希望标题消失,我可以放在哪里?

我尝试输入HeaderProps而不是____。

非常感谢任何帮助或替代方法。

1 个答案:

答案 0 :(得分:1)

如果您不希望它消失,则不要将其设置为null,保持未定义,您将获得默认值。

static navigationOptions = ({navigation}) => {
    if (navigation.state.params.hideHeader) {
        return {header: null}
    }
    return {title: 'Home'}
}