如何导航到React Native中Webview事件的另一个视图?
问题描述:
我正在使用react-native-webview-messaging从Web视图中获取事件。如何导航到React Native中Webview事件的另一个视图?
当事件被触发时,我设法改变状态,但我无法导航到新的视图。
这是我做的:
componentDidMount() {
const { messagesChannel } = this.webview;
messagesChannel.on('json', json => this.setState({
message: json,
},() => {
return (
<GoToThisView />
);
}));
}
所以我的状态变化到JSON,我从网页视图得到,但return语句不打开新的一页。
我在做什么错?
答
如果您在应用程序中使用StackNavigator,那么您可以直接使用导航('screen_name')导航到所需的屏幕。返回与渲染一起使用。
componentDidMount() {
const { messagesChannel } = this.webview;
messagesChannel.on('json', json => this.setState({
message: json,
},() => {
navigate('GoToThisView');
}));
}
屏幕名称'GoToThisView'必须已被定义。