微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

react-native-webview禁用文本选择

如何解决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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。