不變違規：此導航器缺少導航道具。 在反應導航 4

Question

我正在嘗試為我的 React 本機應用程序創建一個導航抽屜，使用 2 個屏幕、主屏幕和連接屏幕，但我不斷收到此錯誤：

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/>
    );
  }
}