null не является объектом (оценивая this.nativeCommandsModule.push) - PullRequest
0 голосов
/ 16 октября 2019

Я использую WIX-React-Native-Navigation и, помещая компонент в стек, получаю эту ошибку. Ошибка

Одно замечание: я использую Viro-React ARScene Navigation ( Scene Navigation ) в WIX-React-Native-Navigation.

Вот мой код index.js

import { AppRegistry } from 'react-native';
var OpenDoor = require('./app/base')
import Stack from './app/navigation';

import { Navigation } from "react-native-navigation";

AppRegistry.registerComponent('ViroSample', () => OpenDoor);

Navigation.events().registerAppLaunchedListener(() => {
  Navigation.setRoot({
    root: {
      stack: Stack
    }
  });
});

navigation.js

import { Navigation } from "react-native-navigation";

import Base from './base';
import Menu from './components/Menu/menu';

Navigation.registerComponent('Base', () => Base);
Navigation.registerComponent('Menu', () => Menu);


const Stack = {
    children: [{
            component: {
                name: 'Base'
            },
        }
    ]
};

export default Stack;

base.js

import React, {Component} from 'react';
import {
    Alert,
    View
} from 'react-native';
import {ViroARSceneNavigator} from 'react-viro';
import { Navigation } from 'react-native-navigation';

import APIKeys from './index';
import Camera from './components/Camera/camera';
import MenuButton from './components/Menu/menu_button';


class Base extends Component {
    constructor(props) {
        super(props);
        this.navigateScreen = this.navigateScreen.bind(this);
    }

    navigateScreen(location) {
        Navigation.push(this.props.componentId, {
            component: {
                name: location
            }
        });
    }

    render() {
        return(
            <View style={styles.container}>
                <ViroARSceneNavigator
                    initialScene = {{
                        scene: Camera
                    }}
                    apiKey = {APIKeys.ViroReact}
                    style = {styles.ar_scene}
                />
                <MenuButton navigation={this.navigateScreen}/>
            </View>
        );
    }
};

const styles = {
    container: {
        flex: 1
    }
};

export default Base;
module.exports = Base;

Поправьте меня, если я где-то ошибаюсь.

Что я делаю, так это создание приложения, в котором пользователи могут украшать дом практически с помощью дополненной реальности. ,Мобильное приложение создано на React-Native, в то время как библиотека для дополненной реальности - Viro-React.

Итак, когда я хочу перейти от одного экрана к другому, тогда, помещая компонент в стек, я получаюэта ошибка. Спасибо.

...