React Native NavigatorIOSはコンポーネントを再レンダリングしません。

Question

複数のTabBar.Itemコンポーネントを持つTabBarがあります。各TabBar.Itemコンポーネントには独自のNavigatorIOSがあります。ここで

は、ユーザーが Filterボタンをクリックすると、私は単に NavigatorIOS

<NavigatorIOS 
    ref="nav" 
    initialRoute={{ ...this.props }} 
    style={{ 
    flex: 1 
    }} 
/> 

をレンダリング、私のNavigationBar.js以内に私TabBar.js

<TabBarIOS> 
    <TabBarIOS.Item 
    selected={this.state.selectedTab === "profile"} 
    systemIcon={"most-viewed"} 
    onPress={() => this.setTab("profile")} 
    > 
    <NavigationBar title="Profile" component={Profile} passProps={{ showFilter: this.state.showFilter }} /> 
    </TabBarIOS.Item> 
</TabBarIOS> 

のために私のコードの例です、this.state.showFilterはTabBarに更新されます。次に、それを

があり、正しく、NavigationBarの内部render()機能は、この時点で、しかし

を実行している、私のコンポーネントはinitialRoute（プロフィール）に記載されているコンポーネントを再表示されませんNavigatonBarに受け継がれていますこれを達成する方法は？フィルタをクリックすると、Profileの中に任意の変数を設定して、フィルタを非表示にして表示する必要があります。Modal

Answer 1

もっと洗練された解決法があるかどうかはわかりませんが、

IはNavigationBarの内部次のコードを追加：

shouldComponentUpdate(nextProps, nextState) { 
    this.refs.nav.replace({...nextProps}) 
    return true; 
    } 

これはinitialRouteコンポーネントのリロードを強制します。