Я занимаюсь разработкой приложения React Native и хотел реализовать AR-сцену с использованием Three.js. Мой проект инициализируется с использованием "React-native init", а затем я установил модули expo. Я создал отдельный модуль под названием «CamTab.js» и внедрил в него сцену AR. Затем я вызвал компонент из MainScreen.js. Я могу создать и запустить свое приложение без каких-либо ошибок, но экран камеры не отображается должным образом. CamTab.js показан ниже.
Я добавил текст «Текст», чтобы проверить, работает ли он.
onContextCreate = async ({gl, scale, width, height, arSession}) => {
//initialize renderer
this.renderer = ExpoTHREE.createRenderer({gl});
this.renderer.setPixelRatio(scale);
this.renderer.setSize(width, height);
//initialize scene
this.scene = new THREE.Scene();
this.scene.background = ExpoTHREE.createARBackgroundTexture(arSession, this.renderer);
//initialize camera
this.camera = ExpoTHREE.createARCamera(arSession, width / scale, height / scale, 0.01, 1000);
}
onRender = (delta) => {
this.renderer.render(this.scene, this.camera);
}
render(){
return(<View>
<Text> The Text </Text>
<ExpoGraphics.View style = {{flex:1}}
onContextCreate= {this.onContextCreate}
onRender = {this.onRender}
arEnabled={true}/>
</View>
);
}
}
Я намереваюсь отобразить вход камеры, используя этот компонент, но ничего не получаю. просто белый экран.