文章/答案/技术大牛

发布

社区首页 >问答首页 >react-native-webview禁用文本选择

问react-native-webview禁用文本选择
EN

Stack Overflow用户

提问于 2020-10-27 17:51:03

回答 1查看 1.3K关注 0票数 0

有没有一种实用的方法来禁用react原生webview中的文本选择？我想为用户禁用此example，这意味着用户将无法选择应用程序中呈现的webview的文本。我还需要保持链接使能按下并从他们导航。

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

我不能访问服务器，在那里我可以获得我在webview中显示的html。

发布于 2020-10-27 18:41:12

使用injectedJavascript禁用文本选择

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

另一种方法是将webview包装在View标签中

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

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64551862

复制

相似问题

问react-native-webview禁用文本选择EN