Question

我试图通过在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纳入本机应用程序？

Answer 1

事实证明，问题实际上出在仿真器本身中。

一旦我在真实设备中运行该应用程序，React 360中的VR就能在Web视图中正确显示。并在手机上运行它使我也可以通过移动手机本身来控制相机。

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

1 个答案: