react-native-webview禁用文本选择

问题描述

是否有一种实用的方法来禁用本机Webview中的文本选择？ 我想为用户禁用此example，这意味着用户将无法选择应用中显示的Webview文本。 我还需要使链接保持按下状态并从中导航。

react-native-webview中没有可以使用的道具。

无法访问在Webview中显示的HTML的服务器。

解决方法

使用InjectionJavascript禁用文本选择

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

另一种方法是将您的网络视图包装在“视图标签”中

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