React 360 HTML ничего не показывает в React Native WebView

Я пытаюсь объединить React 360 с React Native, показывая файл HTML в WebView.

Сам HTML React 360, похоже, не имеет никаких проблем, так как я могу открыть его в веб-браузере, но когда я попытался открыть его в 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 в родное приложение?


person rabbit87    schedule 24.10.2018    source источник


Ответы (1)


Оказывается проблема на самом деле в самом эмуляторе.

Как только я запустил приложение на реальном устройстве, виртуальная реальность в React 360 смогла правильно отобразиться в веб-представлении. И запуск его на телефоне позволяет мне управлять камерой, перемещая сам телефон.

person rabbit87    schedule 29.10.2018