如何在 React Native 中导航到 Webview 事件的另一个视图？答案

【问题标题】：How to navigate to another view on a Webview Event in React Native?如何在 React Native 中导航到 Webview 事件的另一个视图？
【发布时间】：2017-08-08 15:49:37
【问题描述】：

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

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

这就是我的工作：

componentDidMount() {

    const { messagesChannel } = this.webview;

    messagesChannel.on('json', json => this.setState({
        message: json,

    }, () => {

        return (
            <GoToThisView />
        );

    }));

  }

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

我做错了什么？

【问题讨论】：

标签： javascript react-native webview react-native-android react-native-ios

【解决方案1】：

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

componentDidMount() {

    const { messagesChannel } = this.webview;

    messagesChannel.on('json', json => this.setState({
        message: json,

    }, () => {

            navigate('GoToThisView');                  

    }));
}

必须已定义屏幕名称“GoToThisView”。

【讨论】：