react-native-webview 禁用文本选择

Question

有没有一种实用的方法可以在react-native webview中禁用文本选择？我想对用户禁用此示例，这意味着用户将无法选择应用程序中呈现的 Web 视图的文本。我还需要保持链接能够按下并从中导航。

在react-native-webview中没有可以使用的props。

无法访问我获取 web 视图中显示的 html 的服务器。

Answer 1

使用injectedJavascript禁用文本选择

const INJECTEDJAVASCRIPT = "document.body.style.userSelect = 'none'";
<WebView
  ...
  injectedJavaScript={INJECTEDJAVASCRIPT}
  ...
/>

另一种方法是将你的 webview 包装在 View Tag 中

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