如何从WebView发送消息到React Native？

从WebView发送消息到React Native可以通过以下步骤实现：

在WebView中注入JavaScript代码：通过WebView的evaluateJavascript方法，向WebView中注入JavaScript代码，代码中包含了发送消息的逻辑。
在React Native中监听消息：在React Native中使用WebView组件，并通过onMessage属性监听WebView发送的消息。
WebView发送消息：在WebView中，通过JavaScript代码调用window.postMessage方法发送消息，消息可以是字符串或者JSON格式。
React Native接收消息：在React Native中，通过监听onMessage事件，获取WebView发送的消息。可以在事件处理函数中对消息进行处理，如解析JSON格式的消息。

以下是一个示例代码：

在WebView中的JavaScript代码：

// 发送消息到React Native
function sendMessageToReactNative(message) {
  window.postMessage(JSON.stringify(message));
}

在React Native中的代码：

import React, { useEffect } from 'react';
import { WebView } from 'react-native-webview';

const MyWebView = () => {
  useEffect(() => {
    // 监听WebView发送的消息
    const handleMessage = (event) => {
      const message = JSON.parse(event.nativeEvent.data);
      // 处理消息
      console.log('Received message from WebView:', message);
    };

    // 清除监听
    return () => {
      window.removeEventListener('message', handleMessage);
    };
  }, []);

  return (
    <WebView
      source={{ uri: 'https://example.com' }}
      onMessage={handleMessage}
    />
  );
};

export default MyWebView;

这样，当WebView中调用sendMessageToReactNative方法发送消息时，React Native中的handleMessage函数将会被触发，从而接收到WebView发送的消息。

推荐的腾讯云相关产品：腾讯云移动推送（https://cloud.tencent.com/product/tpns）可以用于在移动应用中实现消息推送功能。