1

我试图通过在 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 应用程序中？

4

1 回答 1

1

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

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

于 2018-10-29T04:25:05.713 回答