React Native Router Flux - 如何调用场景的方法
React Native Router Flux - How to call Scene's method
我想在按下导航栏的右键时调用场景组件中的函数。
在parent中:
<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>
在child (History.js):
openModal() {
this.setState({modalVisible: true}); <-- DO THIS
}
closeModal() {
this.setState({modalVisible: false});
}
可以使用Actions.refresh刷新活动场景的道具。当卡在这个路由器包中时,我将它用作逃生口。
注意 componentWillReceiveProps 的时间和原因,这样您就不会无意中调用 toggleModal。
我想在按下导航栏的右键时调用场景组件中的函数。
在parent中:
<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>
在child (History.js):
openModal() {
this.setState({modalVisible: true}); <-- DO THIS
}
closeModal() {
this.setState({modalVisible: false});
}
可以使用Actions.refresh刷新活动场景的道具。当卡在这个路由器包中时,我将它用作逃生口。
注意 componentWillReceiveProps 的时间和原因,这样您就不会无意中调用 toggleModal。