不变违规：此导航器缺少导航道具。 在反应导航 4

Question

I am trying to create a navigation drawer for my React native App, using 2 screens,home screen and connection sreen but i keep getting this error:

Invariant Violation: The navigation prop is missing for this navigator. In 
react-navigation 3 you must set up your app container directly. More info: 
https://reactnavigation.org/docs/en/app-containers.html

what's wrong with my code please. my App.js:

import React from 'react';
import Search from './Components/Search'
import { createDrawerNavigator } from 'react-navigation-drawer'
import { createStackNavigator,createAppContainer } from 'react-navigation'
//import  Connection from './Screens/ConnectionScreen';
import  AccueilScreen from './Screens/AccueilScreen';

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

}

const AppDrawerNavigator = createDrawerNavigator({
  //Se_Connecter: Connection,
  Accueil:{ 
    screen : AccueilScreen,
  },
});
const AppNavigator= createAppContainer(AppDrawerNavigator);

Answer 1

You are rendering the DrawerNavigator without using the AppContainer (that you created)

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