NavBarはReact Nativeのコンポーネントとどのように通信する必要がありますか？

Question

Reactネイティブアプリで「react-native-router-flux」を使用していますが、カスタムNavbarとコンポーネントとの通信方法がわからないようですか？

私は以下のコードを持っています。

NavigationRouter.js：

<Scene key='addDrillScreen' component={AddDrillScreen} navBar={AddDrillNavBar} /> 

AddDrillScreen.js：

class AddDrillScreen extends React.Component { 
    performSave() { 
    // Want to call performSave() when NavBar is clicked 
    } 

} 

AddDrillNavBar.js：

class AddDrillNavBar extends React.Component {  
    render() { 
    return (
     <View style={styles.saveButton}> 
     <TouchableOpacity onPress={() => { 
      // ??? How do I trigger the performSave() on my AddDrillScreen? 
     }}> 
      <Text style={styles.saveButtonText}>Save</Text> 
     </TouchableOpacity> 
     </View> 
    ) 
    } 

私は2つの通信方法を理解していない

Answer 1

あなたはカップルを持っていますFオプションここ

• は、あなたのフラックスライブラリ内のアクションのこの種のためのベストプラクティスを使用して、異なるクラスに
performSave静的移動 performSaveを作成し共有することができ1と反応する成分を
• ではありませんあなたが1つを使用する場合。たとえば、reduxでは、そのコードをアクションクリエイターに含めることになります。