Question

我正在尝试使用2个屏幕，主屏幕和sreen屏幕为我的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

您正在渲染DrawerNavigator，而无需使用您创建的AppContainer

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

永久违反：此导航器缺少导航道具。在反应导航4中

1 个答案: