Навигационные реквизиты отсутствуют - реакции-навигация V3.0

Question

Почему я до сих пор получаю следующее:

"The navigation prop is missing for this navigator. In react-navigation 3 you must set up your app container directly."

Вот мой код :

const DrawerNavigator = createDrawerNavigator(
  {
    Home: {
        screen: HomeScreen,
    },
    About: {
      screen: Header2,
    },
  },
  DrawerConfig
);


const MyApp11 = createAppContainer(DrawerNavigator);


export default class App12 extends React.Component {
  render() {
    return <MyApp11 />;
  }
}

Работа с реагировать родной и реагировать навигации.

---

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "eject": "expo eject"
  },
  "dependencies": {
    "expo": "^32.0.0",
    "prop-types": "^15.7.2",
    "react": "16.5.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz",
    "react-native-animated-hamburger": "0.0.2",
    "react-native-drawer": "^2.5.1",
    "react-native-elements": "^1.1.0",
    "react-native-vector-icons": "^6.4.2",
    "react-navigation": "^3.8.1"
  },
  "devDependencies": {
    "babel-preset-expo": "^5.0.0"
  },
  "private": true
}

Answer 1

Согласно вашему коду, вы экспортируете навигацию неправильно. Вы не должны переносить константу навигации, чтобы реагировать на компонент, просто экспортируйте ее прямо из файла js.

создайте файл route.js и добавьте свою оболочку навигации.

const DrawerNavigator = createDrawerNavigator(
  {
    Home: {
        screen: HomeScreen,
    },
    About: {
      screen: Header2,
    },
  },
  DrawerConfig
);


const MyApp11 = createAppContainer(DrawerNavigator);
export default MyApp11

Теперь в app.js импортируйте его и передайте компоненту

app.js

import Routes from 'path_to_route_file';
export default class App extends Component{
   render(){
    return(
      <View>
         <Routes />
      </View>
    )