在 iOS 中禁用选择/触地菜单

我有一个 React Native 新手问题。我正在尝试在 React View 类中使用 WebView，但我无法摆脱选择菜单。我不知道“选择菜单”是否是正确的术语，但当我按住鼠标/手指时它会出现。

我尝试过在 iPhone 上直接浏览 HTML 页面，但那里没有弹出“菜单”。

反应本机类：

var React = require('react-native');

var {
  WebView
} = React;

var TestWebView = React.createClass({
  render: function() {
    return (
      <WebView url="http://url/index.html" />
    );
  }
});

module.exports = TestWebView;

Run Code Online (Sandbox Code Playgroud)

HTML：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <style type="text/css">
      body {
        background: pink;
      }

      body {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        outline: none;
        -webkit-tap-highlight-color: transparent; /* mobile webkit */
      }
    </style>
  </head>
  <body>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

结果：

如果我删除第二个样式块，我会得到以下结果：

所以看起来造型确实有一些效果，但并没有完全消除它。

有任何想法吗？

我正在使用 React Native 0.11.4。

归档时间：	10 年，3 月前
查看次数：	787 次
最近记录：	10 年，3 月前