反应导航错误:此导航器缺少导航道具

问题描述 投票:1回答:1

我已经按照文档和stackoverflow的解决方案,我仍然一直收到错误。这是我的代码。我究竟做错了什么?

import React, { Component } from 'react';
import { Button, View, Text, StyleSheet } from 'react-native';
import { createStackNavigator,createAppContainer } from 'react-navigation';
import MainScreen from './components/MainScreen';


export default class App extends React.Component {
    render() {
        return <AppStackNavigator />;
    }
}
const AppStackNavigator = createStackNavigator({
    Main: {
        screen: MainScreen,
    },
});

export const Apps = createAppContainer(AppStackNavigator)


const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#fff',
        alignItems: 'center',
        justifyContent: 'center',
    },
});
javascript reactjs react-native
1个回答
2
投票

你差不多正确,只需在root组件中使用Apps:

const AppStackNavigator = createStackNavigator({
    Main: {
        screen: MainScreen,
    },
});

const Apps = createAppContainer(AppStackNavigator)

export default class App extends React.Component {
    render() {
        return <Apps />;
    }
}
© www.soinside.com 2019 - 2024. All rights reserved.