如何获取反应原生WebView的文本选择?

时间:2017-08-10 07:29:19

标签: android ios react-native webview

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

我们希望用户可以选择文章的某些文字并突出显示。就像普通电子书阅读器应用程序中可以看到的一样。像这样:

enter image description here

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

请帮助,谢谢。

1 个答案:

答案 0 :(得分:0)

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