Как я могу разместить Unity Webgl в моем приложении?

Question

Я написал простое приложение для работы с родным языком, используя webgl.Я использовал https://github.com/JilvanPinheiro/reactive-native-unity-webgl

import Unity from 'react-native-unity-webgl';
...
render() {
  return (
 <Unity 
       width="500px"
       height="350px"
       onProgress={ this.onProgress }
       src="http://192.168.1.101/Build/Ultimatum.json" 
       loader="http://192.168.1.101/Build/UnityLoader.js" />`
  );
}

Но у меня есть ошибка ниже

ReferenceError:  Can't find variable: document. This error is located at:
    in Unity (at App.js:9)
    in RCTView (at View.js:60)
    in View (at App.js:8)
    in App (at registerRootComponent.js:35)
    in RootErrorBoundary (at registerRootComponent.js:34)
    in ExpoRootComponent (at renderApplication.js:33)
    in RCTView (at View.js:60)
    in View (at AppContainer.js:102)
    in RCTView (at View.js:60)
    in View (at AppContainer.js:122)
    in AppContainer (at renderApplication.js:32)

Есть ли какой-нибудь простой способ поместить единство webgl в мою нативную реакцию?

Answer 1

Это все ваши коды?или остальные из них?Вы должны добавить react и некоторые другие материалы, чтобы это работало.Я пишу ниже коды для вас, если у вас его нет, добавьте их в свой проект:

import React, {Component} from 'react';
import {
    View,
    documnet
} from 'react-native';

...

render () {
    return(
        <View>
             <Unity 
               width="500px"
               height="350px"
               onProgress={ this.onProgress }
               src="http://192.168.1.101/Build/Ultimatum.json" 
               loader="http://192.168.1.101/Build/UnityLoader.js"
             />
        </View>
    );
}

Answer 2

Вы должны импортировать React и document из react-native. Попробуйте, это решит вашу проблему, а также Убедитесь, что вы загрузили релиз, соответствующий вашей версии Unity .

import React, {Component} from 'react';
import {View,document} from 'react-native';