javascript - React Native Router Flux - 如何调用场景的方法

Question

我想在按下导航栏的右键时调用场景组件内的函数。

在父级中:

<Router
        style={routerStyle.router}
        navigationBarStyle={navBarStyle.navBar}
        titleStyle={navBarStyle.navTitle}
        leftButtonStyle={navBarStyle.leftButtonStyle}
        drawerImage={hamburgerIcon}>
    <Scene
        key='History'
        component={History}
        title='History'
        type='reset'
        rightButtonImage={mailIcon}
        onRight={this.sendMail} <-- ON THIS
        rightButtonStyle={navBarStyle.rightButtonStyle}
        rightButtonIconStyle={navBarStyle.rightButtonIconStyle} />
</Router>

在子级(History.js)中:

openModal() {
  this.setState({modalVisible: true}); <-- DO THIS
}
closeModal() {
  this.setState({modalVisible: false});
}

Answer 1

您可以使用 Actions.refresh 刷新 Activity 场景的 Prop 。当我被这个路由器包困住时，我用它作为逃生口。

请注意何时以及为何使用 componentWillReceiveProps，这样您就不会无意中调用toggleModal。