2017-08-10 124 views
1

我们正在使用React Native构建新闻阅读器APP。 每篇新闻文章都在WebView中呈现。如何获得反应原生WebView的文本选择?

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

enter image description here

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

请帮忙,谢谢。

+0

之间的通信在这里看到https://stackoverflow.com/a/12353366/3872374,这里https://github.com/btate/BTAndroidWebViewSelection –

+0

谢谢,我已经阅读这个问题之前,这不是React Native的解决方案。我们正试图避免现在搞乱Native Code。 –

+0

对不起,这个是无关紧要的 –

回答

0

可以使用mouseup事件并获取window.getSelection()的内容。这里唯一的问题是RN部分没有意识到webview内发生这种事件,但是您可以将此事件传播到RN WebView的window.postMessageonMessage支持的React Native。或者您可以使用my tiny wrapper为ReactNative和的WebView