如何更改NavigatorIOS的標題而不更改React Native中的路線

Question

我在我的應用程序中有一個NavigatorIOS和TabBarIOS。選擇選項卡時，我想更改當前路線的標題。

在創建NavigatorIOS沒有工作

第一種方式，我在用戶狀態對象一個變量，但更新的狀態並沒有改變標題。 （即使渲染被再次調用）

onTabChanged: function (title) { 
    this.setState({ 
    selectedTab: title, 
    }); 
}, 

render() { 
    return (
    <NavigatorIOS 
    ... 
    initialRoute={{ 
     component: Tabs, 
     title: this.state.selectedTab, 
     passProps: { 
     onTabChanged: this.onTabChanged 
     } 
    }} 
    /> 
); 
}, 

沒有工作

我也嘗試過更新的NavigatorIOS的，我稱之爲導航狀態的第二種方式。 NavigatorIOS的狀態中有一個routeStack對象，該對象保留一組路由項目。所以我通過NavigatorIOS的setState更新了陣列，但它也沒有工作。

我試圖標題從Objective C的改變爲機模塊但我不能達到從NSObject的特定導航欄沒有工作的第三條道路。

我希望有人能幫忙。

Answer 1

我想你應該能夠與navigator.replace做到這一點，但此刻的更換標題似乎被打破：

https://github.com/facebook/react-native/issues/476

Answer 2

var route = this.props.navigator.navigationContext.currentRoute; 
route.title = "newTitle"; 
route.rightButtonTitle = "newRightButtonTitle", 
route.onRightButtonPress =() => { 
    ; 
}; 
this.props.navigator.replace(route); 

順便說一句，你也可以改變NavigatorIOS的tintColor通過下面的代碼...

var app = React.createClass({ 
    getInitialState: function() { 
     return { 
      shadowHidden: false, 
      barTintColor: '#f04f46', 
      titleTextColor: '#fff', 
      tintColor: '#fff', 
     } 
    }, 
    _navigator : function(navigatorProps){ 
     this.setState(navigatorProps); 
    }, 
    render: function(){ 
     return <NavigatorIOS ref='nav' style={styles.container} 
      shadowHidden={this.state.shadowHidden} 
      barTintColor={this.state.barTintColor} 
      titleTextColor={this.state.titleTextColor} 
      tintColor={this.state.tintColor} 
      translucent={false} 
      initialRoute={{ 
      title: title, 
      component: component, 
      passProps: Object.assign({ 
       navigatorHook: this._navigator, 
      }, this.props), 
      }} 
     />; 
    } 
}); 

現在，在明年及部件

this.props.navigatorHook({tintColor: 'red'});