Question

我的反应原生的webview有奇怪的问题。一些在reactjs中创建的页面在webview中不可见

例如此代码

 <WebView
          source={{uri: 'https://cassetterocks.github.io/react-infinite-scroller/demo/'}} 
          style={{marginTop: 20}}
        />

正常运行，该页面显示在webview中，并在应用中可见。但是当我把它改成这个

时

 <WebView
          source={{uri: 'http://projects.wojtekmaj.pl/react-calendar/'}} 
          style={{marginTop: 20}}
        />

没有显示任何内容，只有白屏。

webview有一些特殊限制，还是有人知道这种行为的原因？谢谢

编辑：经过多次尝试后，意识到问题不在于本机反应，而是反应js。我在react-js中找到了几个基于此配置的页面

 "dependencies": {
    "babel-core": "^6.17.0",
    "babel-loader": "^6.2.5",
    "babel-preset-es2015": "^6.16.0",
    "babel-preset-react": "^6.16.0",
    "react": "^15.3.2",
    "react-dom": "^15.3.2",
    "webpack": "^1.13.2"
  }

他们在网络视图中没有问题

但是基于此配置的页面

"devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.4",
    "babel-preset-latest": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
    "webpack": "^4.4.1",
    "webpack-cli": "^2.0.13"
  }

有问题。但我不知道问题是在反应版本还是webpack版本中： - （

最终编辑：问题可能在于反应版本，15.3.2一切正常，16.2.0 webview什么都没显示

Answer 1

UIWebView具有十年来困扰混合开发人员的各种限制。我不知道它会让你拉出来的所有头发的全面清单。它通常是一种我很害怕的打鼹鼠运动。这篇文章将指出一些陷阱...... http://undefinedvalue.com/beware-lure-ios-uiwebview.html

作为您的Google搜索，您可能会看到Apple在WKWebView中修复这些问题的引用，但是这有其在本React Native github问题中讨论的问题：https://github.com/facebook/react-native/issues/321

反应原生webview限制

1 个答案: