不变冲突:此导航器缺少导航属性。在react-导航4中

Question

我正在尝试为我的React原生应用程序创建一个导航抽屉，使用两个屏幕，主屏幕和连接屏幕，但我一直收到这个错误：

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

我的代码出了什么问题。我的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

您没有使用(您创建的) AppContainer来呈现DrawerNavigator

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