Question

我是本机反应的新手，我正在使用React Navigation3.x。这是我的项目结构。

 Mydemo
  ----routes
      --Home.route.js
  ----src
      --pages
        --AddUser.js
  ----App.js

下面我分享了我的路线配置：-

Home.route.js代码：-

import { createStackNavigator, createAppContainer } from "react-navigation";
import AddUser from '../src/pages/AddUser';

const HomeStack = createStackNavigator({
        Add:{
            screen: AddUser
        }
    })

export default createAppContainer(HomeStack);

App.js代码：-

import {createSwitchNavigator} from 'react-navigation';

import HomeStack from './routes/Home.route';

export default createSwitchNavigator({
  Home: HomeStack
}, {
  initialRouteName: 'Home',
});

但是我收到此错误：-

此导航器缺少导航道具。

有人可以指导我我做错了什么吗？谢谢。

Answer 1

createAppContainer必须位于导航配置的顶部=>

Home.route.js

import { createStackNavigator } from "react-navigation";
import AddUser from '../src/pages/AddUser';

export default createStackNavigator({
    Add: AddUser
})

App.js

import {createSwitchNavigator, createAppContainer} from 'react-navigation';

import HomeStack from './routes/Home.route';

const AppNavigator = createSwitchNavigator({
  Home: HomeStack
}, {
  initialRouteName: 'Home',
});

export default createAppContainer(AppNavigator);

该导航器缺少导航道具反应导航3.x

1 个答案: