我们正在使用 React Native 构建一个新闻阅读器应用程序。 每篇新闻文章都呈现在 WebView 中。
我们想让用户可以选择文章的一些文本并将其突出显示。就像在普通电子书阅读器应用程序中可以看到的一样。像这样:
在普通的桌面网络浏览器中。我们甚至可以使用 'mouseup' 和 window.getSelection() 来完成这项工作。但是在 ReactNative 的 WebView 中。我们不知道该怎么做。
请帮忙,谢谢。
最佳答案
您可以使用mouseup
事件并通过window.getSelection()
获取内容。这里唯一的问题是 RN 部分不知道这个事件发生在 webview 中,但是你可以使用 window.postMessage
和 onMessage
prop 将这个事件传播到 React Native RN WebView 。或者你可以使用 my tiny wrapper用于 ReactNative 和 WebView 之间的通信
关于android - 如何获取 react-native WebView 的文本选择?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45607165/