如何获取 react-native WebView 的文本选择？答案

【问题标题】：How to get text selection of the react-native WebView?如何获取 react-native WebView 的文本选择？
【发布时间】：2018-01-18 07:35:49
【问题描述】：

我们正在使用 React Native 构建一个新闻阅读器 APP。每篇新闻文章都在 WebView 中呈现。

我们想让用户可以选择文章的一些文本并突出显示它。就像在普通电子书阅读器应用程序中可以看到的一样。像这样：

在普通的桌面网络浏览器中。我们甚至可以使用 'mouseup' 和 window.getSelection() 来完成这项工作。但是在 ReactNative 的 WebView 中。我们不知道该怎么做。

请帮忙，谢谢。

【问题讨论】：

看这里stackoverflow.com/a/12353366/3872374 和这里github.com/btate/BTAndroidWebViewSelection
谢谢，这个问题我以前看过，这不是 React Native 的解决方案。我们现在正努力避免与原生代码混淆。
对不起，这个不相关

标签： android ios react-native webview

【解决方案1】：

您可以使用mouseup 事件并通过window.getSelection() 获取内容。这里唯一的问题是 RN 部分不知道 webview 中发生了这个事件，但是你可以使用 RN WebView 的 window.postMessage 和 onMessage 属性将此事件传播到 React Native。或者，您可以使用my tiny wrapper 在 ReactNative 和 WebView 之间进行通信

【讨论】：