реаги-виро (дополненная реальность) - PullRequest
Новая
       18

реаги-виро (дополненная реальность)

0 голосов
/ 25 августа 2018

Я пытаюсь внедрить AR в существующий реактивный проект.Я установил плагин response-viro, затем добавил 2 файла: 1. файл конфигурации (для добавления ключа API) 

    import React, { Component } from 'react';
import { AppRegistry } from 'react-native'
import  { ViroARSceneNavigator }  from 'react-viro';
var apiKey = "XXXXXX-XXXX";
var arScene = {
    'FirstScene': require('./FirstScene')
}
export default class ARConfig extends Component {
    render(){
        return(
            <ViroARSceneNavigator 
                initialScene={{
                    scene: arScene['FirstScene'],
                }}
                apiKey={apiKey}
            />
        )
    }
}

AppRegistry.registerComponent('XXXX', () => ARConfig);

HelloWorld: 

    import React, { Component } from 'react';
import { AppRegistry, StyleSheet } from 'react-native';
import { ViroARScene, ViroText, ViroConstants } from 'react-viro';

export default class FirstScene extends Component{
    constructor(){
        super();
        this.state={
            hasInitialized : false,
            text: "Initializing AR..."
        }
    }
    return(){
        render(
            <ViroARScene onTrackingUpdated={this.onTrackingUpdated()}>
                <ViroText text={this.state.text}
                scale={[.5, .5, .5]} position={[0, 0, -1]} style={styles.helloWorldTextStyle} />
            </ViroARScene>
        )
    }
    onTrackingUpdated(state, reason){
        if (!this.state.hasInitialized && state == ViroConstants.TRACKING_NORMAL){
            this.setState({
                hasInitialized: true,
                text: 'hello Rocky!!!'
            })
        }

    }
}
var styles = StyleSheet.create({
    helloWorldTextStyle: {
      fontFamily: 'Arial',
      fontSize: 30,
      color: '#ffffff',
      textAlignVertical: 'center',
      textAlign: 'center',
    },
});

AppRegistry.registerComponent('XXXX', () => FirstScene);

Я получаю сообщение об ошибке, так как: Невозможно установить свойство 'viroAppProps' из неопределенного. Как решить эту проблему?

Ошибка трассировки стека: 

TypeError: Cannot set property 'viroAppProps' of undefined

This error is located at:
    in ViroARSceneNavigator (at ARConfig.js:11)
    in ARConfig (at navigationStore.js:525)
    in Wrapped (at SceneView.js:17)
    in SceneView (at CardStack.js:466)
    in RCTView (at View.js:71)
    in View (at createAnimatedComponent.js:147)
    in AnimatedComponent (at Card.js:12)
    in Card (at PointerEventsContainer.js:39)
    in Container (at CardStack.js:498)
    in RCTView (at View.js:71)
    in View (at CardStack.js:414)
    in RCTView (at View.js:71)
    in View (at CardStack.js:413)
    in CardStack (at CardStackTransitioner.js:67)
    in RCTView (at View.js:71)
    in View (at Transitioner.js:142)
    in Transitioner (at CardStackTransitioner.js:19)
    in CardStackTransitioner (at StackNavigator.js:41)
    in Unknown (at createNavigator.js:13)
    in Navigator (at createNavigationContainer.js:226)
    in NavigationContainer (at SceneView.js:17)
    in SceneView (at CardStack.js:455)
    in RCTView (at View.js:71)
    in View (at CardStack.js:454)
    in RCTView (at View.js:71)

Как выйти из этой проблемы?для того, чтобы работать с?

...