Веб-просмотр не получает данные сообщения из Интернета

Question

Я загружаю Vue веб-приложение в соответствии с собственным веб-представлением. как только я нажимаю на кнопку в веб-представлении. это должно быть обнаружено в реакции на родную. есть ли для этого возможности?

Answer 1

Вы можете использовать

window.postMessage("Click in Vue"); при нажатии кнопки в Vue js, чтобы опубликовать форму сообщения html на странице react-native

window.postMessage () метод безопасно обеспечивает связь между источниками между объектами Window; например, между страницей и всплывающим всплывающим окном или между страницей и встроенным в нее iframe.

Вы можете получить это сообщение в компоненте Webview, например:

<WebView
   onMessage={(message) => this.onMessage(message)}
/>

В методе onMessage вы можете получить такие данные:

onMessage(message) {
   console.log(message.nativeEvent.data);
}

Обновление

Кажется, что react-native-webview изменил как он вызывает postMessage, так что теперь вы должны сделать это следующим образом: window.ReactNativeWebView.postMessage("Click in Vue");

Подробнее здесь