如何在本机中更新/重新渲染导航器右键?

时间:2016-08-27 14:42:20

标签: javascript reactjs react-native

如何在本机中更新/重新渲染导航器右键文本?基本上我现在使用navigator.replace但是有更好的方法吗?喜欢"关注"到"取消关注"

1 个答案:

答案 0 :(得分:0)

You can use navigator's props
    var NavigationBarRouteMapper ={
      RightButton: function(route,navigator,index,nevState){
     return(
         <Text }> {navigator.props.rightButtonText} </Text>
        );
      }
    .
    .

    };

并在导航器组件中添加prop并使用state分配值。

 <Navigator initialRoute =  {{name:'home'}}
                 renderScene  =  {this.renderScene.bind(this)} 
                 navigationBar = {<Navigator.NavigationBar routeMapper={NavigationBarRouteMapper}/>}
                 rightButtonText ={this.state.RightButtonText}
                />

现在,如果您在主要组件中的某个位置使用this.setState({RightButtonText:&#39; Follow&#39;}),其值将会生效。