时间戳

首页 > 解决方案 > 如何在 react-native 中隐藏和显示堆栈导航器标题？

react-native - 如何在 react-native 中隐藏和显示堆栈导航器标题？

问题描述

如何通过按下按钮隐藏然后显示标题（堆栈导航器）？

static navigationOptions = ({ navigation }) => {
    return {
        header : null
    }
}

此代码将标题设置为null并隐藏标题，但我无法再次显示它。

标签： react-nativereact-navigation

解决方案

你可以试试这样的

static navigationOptions = {
     headerVisible: this.state.headerVisible,
};

并在构造函数中通过以下方式初始化状态

this.state = {headerVisible: true}

在 buttonPress 上，您可以通过以下方式更改状态

<Button onPress={() => this.setState({headerVisible: !this.state.headerVisible})} />

推荐阅读