react-native StackNavigator中的条件标头

Question

我试图控制我的StackNavigator标头是否通过this.props.navigation.state.params出现。

我的屏幕上带有以下navigationOptions：

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

然后导航到屏幕，如下所示：

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

，____是我不确定的地方。 如果我将其设置为null那么标题将消失，但是如果我不希望标题消失，该怎么办？

我尝试输入HeaderProps而不是____。

任何帮助或替代方法将不胜感激。

Answer 1

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

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