Question

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

我已尝试直接浏览到iPhone上的HTML页面，并且“菜单”没有弹出。

React Native class：

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

var {
  WebView
} = React;

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

module.exports = TestWebView;

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>

结果：

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

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

有什么想法吗？

我正在使用React Native 0.11.4。

禁用iOS中的选择/触地功能菜单

0 个答案: