expo 使用 react native webview 有问题吗？答案

【问题标题】：does expo have problem with using react native webview?expo 使用 react native webview 有问题吗？
【发布时间】：2021-03-15 13:29:12
【问题描述】：

我正在尝试使用 react-native-webview 但它不会加载，它只会显示白色的空白屏幕。我发现了多个来源，如果我使用旧版本的 expo 可能会发生这种情况，因此我将其更新为最新版本，但问题仍然存在。

这些是我从 package.json 使用的版本：

"dependencies": {
"expo": "~40.0.0",
"expo-status-bar": "~1.0.3",
"express": "^4.15.2",
"react": "16.13.1",
"react-dom": "16.13.1",
"react-native": "https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz",
"react-native-gesture-handler": "~1.6.0",
"react-native-orientation": "^3.1.3",
"react-native-reanimated": "~1.7.0",
"react-native-safe-area-context": "0.7.3",
"react-native-screens": "~2.2.0",
"react-native-web": "~0.13.12",
"react-native-webview": "^11.2.4",
"react-navigation": "^4.3.6",
"react-navigation-stack": "^2.3.10",
"socket.io": "^2.3.0",
"socket.io-client": "^2.3.0"

}

如果我尝试加载我的应用程序，它会加载，但不会显示 webview，它只会显示空白屏幕，我会收到此警告。

我已尝试将 webview 降级到版本 11.0.0。重写 package.json 和 npm install 来创建新的 node_modules 但是当我这样做时我得到了一堆错误

任何建议请我如何解决这个问题？我只是从工作示例中尝试简单的 webview。我已经下载了 react-native-webview 并链接了它

【问题讨论】：

我已经通过 expo install 从黄色警告升级了所有版本，但是在安全区域上我在更新后出现错误，它说无法解析模块 nativesafearea，所以我将安全区域模块重新分级但 webview 仍然无法工作，我得到的只是白色的空白屏幕:(

标签： reactjs react-native expo

【解决方案1】：

终于我用 webview 解决了我的问题，我花了大约 7 天时间，我已经尝试了所有可能的方法，原因是？...样式，我尝试了多个样式参数，但从未组合高度、宽度 + 溢出。溢出是它不起作用的原因。因此，如果您对 webview 只是白色空白屏幕有问题，请尝试以下操作： style={{ height: 150, width: 680,overflow:'hidden' }} 当然，高度/宽度可以更改您想要的方式，但它应该 100% 工作.

【讨论】：