NavBar应该如何与React Native中的组件进行通信？

我正在使用我的React Native应用程序的“react-native-router-flux”，我似乎无法弄清楚我的自定义导航栏应该如何与我的组件进行通信？NavBar应该如何与React Native中的组件进行通信？

我有以下代码。

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> 
    ) 
    }

我不明白这两个怎么沟通

来源

2017-04-06 Kamilski81

这是一个类似的问题。希望这可以解决您的问题。 http://stackoverflow.com/questions/32846655/how-do-i-call-execute-a-function-from-another-component-in-react-native –

你有一对夫妇这里

˚F选项，使performSave静态
移动performSave到不同的班级，一个可以分享，是不是在你的通量库这样的动作反应成分
使用的最佳实践如果你使用一个。例如，在redux中，您应该将该代码包含在动作创建者中。

来源

2017-04-06 10:01:31

NavBar应该如何与React Native中的组件进行通信？

回答

相关问题