2017-08-10 47 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