如何在 React Native 中导航到 Webview 事件上的另一个视图?

Question

我正在使用react-native-webview-messaging从web视图获取事件。

当事件被触发时，我设法更改了状态，但我无法导航到新视图。

这就是我所做的：

componentDidMount() {
const { messagesChannel } = this.webview;
messagesChannel.on('json', json => this.setState({
message: json,
}, () => {
return (
<GoToThisView />
);
}));
}

所以我的状态更改为我从 Web 视图获取的 JSON，但 return 语句没有打开新页面。

我做错了什么？

Answer 1

如果您在应用程序中使用 StackNavigator，那么您可以直接使用 navigate('screen_name'( 导航到您想要的屏幕。返回与渲染一起使用。

componentDidMount() {
const { messagesChannel } = this.webview;
messagesChannel.on('json', json => this.setState({
message: json,
}, () => {
navigate('GoToThisView');                  
}));
}

必须已定义屏幕名称"GoToThisView"。