首页 > 解决方案 > 如何在本机反应中将状态传递给静态导航?

问题描述

需要将状态传递给导航但this.state.不起作用,这是代码

      this.setState({
      demo:"some title"
    });
.....

 static navigationOptions = {
        headerRight:(<View>
          <Text>{this.state.demo}</Text>
                  </View>),
        };

标签: react-nativenavigation

解决方案


尝试设置这样的参数:

componentWillMount() {
     const {setParams} = this.props.navigation;
     setParams({demotxt:this.state.demo});
}

..

static navigationOptions = ({ navigation  }) => {

       const {state} = navigation;
           return {
               headerRight: (<View>
                 <Text>{state.params.demotxt}</Text>
                         </View>)
           }

};

推荐阅读