如何在WebView中禁用用户文本选择[React-Native]

Posted 2021-05-04

我正在尝试弄清楚如何在我的ios应用程序的React-Native WebView中禁用文本选择。在网站上使用css样式user-select设置为none在使用设备或模拟器时似乎不起作用，但它确实在浏览器中工作。有没有办法使用React-Native WebView禁用它，还是需要使用一些本机代码来实现这一点？

使用React-Native 0.30，iOS 9-10

答案

通过在WebView中包装View并设置一些道具，我能够在React Native端禁用缩放，文本选择和其他指针事件：

<View pointerEvents="none">
  <WebView
    source={{ uri: webviewUrl }}
    scrollEnabled={false}
  />
</View>

另一答案

documentation没有提到这一点，所以我会选择本机实现，这比看起来更容易。你只需要在包含你想要的选项的本机模块中重新实现this files（也许还有其他一些），请参阅this answer和this one。

也许这个软件包也可以帮助你实现你的模块：https://github.com/lucasferreira/react-native-webview-android