React 360 HTML 在 React Native WebView 中不显示任何内容答案

【问题标题】：React 360 HTML doesn't show anything in React Native WebViewReact 360 HTML 在 React Native WebView 中不显示任何内容
【发布时间】：2018-10-24 05:17:46
【问题描述】：

我正在尝试通过在 WebView 中显示 HTML 文件来将 React 360 组合到 React Native 中。

React 360 的 HTML 本身似乎没有任何问题，因为我可以在 Web 浏览器中打开它，但是当我尝试在 React Native WebView 中打开它时，它只显示相机方向指示器，而其余的屏幕只是空白。

我还注意到尝试在移动设备（模拟器）上滑动不会影响相机，因为相机方向指示器不会改变。

React 360 的文件位于项目文件夹根目录下名为“web_react360”的文件夹中

控制台中没有显示错误，但在打包程序中有 3 行可能相关（但似乎也不是错误）：

::ffff:127.0.0.1 - - [24/Oct/2018:04:32:20 +0000] "GET /assets/web_react360/index.html?platform=android&hash=bdc8423aef4bf1e19a22d83dbda756a1 HTTP/1.1" 200 - "-" "Mozilla/5.0 (Linux; Android 7.0; Android SDK built for x86_64 Build/NYC; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/51.0.2704.90 Mobile Safari/537.36"

::ffff:127.0.0.1 - - [24/Oct/2018:04:32:20 +0000] "GET /assets/web_react360/client.bundle.js HTTP/1.1" 200 - "http://10.0.2.2:8081/assets/web_react360/index.html?platform=android&hash=bdc8423aef4bf1e19a22d83dbda756a1" "Mozilla/5.0 (Linux; Android 7.0; Android SDK built for x86_64 Build/NYC; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/51.0.2704.90 Mobile Safari/537.36"

::ffff:127.0.0.1 - - [24/Oct/2018:04:32:21 +0000] "GET /favicon.ico HTTP/1.1" 404 150 "http://10.0.2.2:8081/assets/web_react360/index.html?platform=android&hash=bdc8423aef4bf1e19a22d83dbda756a1" "Mozilla/5.0 (Linux; Android 7.0; Android SDK built for x86_64 Build/NYC; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/51.0.2704.90 Mobile Safari/537.36"

有没有人设法做这样的事情或以另一种方式将 React 360 包含到 React Native 应用程序中？

【问题讨论】：

标签： react-native react-360

【解决方案1】：

原来问题实际上出在模拟器本身。

在真实设备中运行应用程序后，React 360 中的 VR 成功地在 Web 视图中正确显示。在手机上运行它可以让我通过移动手机本身来控制相机。

【讨论】：