我们如何在另一个组件中创建一个抽屉导航并在app.js中调用它

// DrawerNavigation.js

import React from 'react';
import { createDrawerNavigator } from 'react-navigation-drawer';

import HomeScreen from './screens/HomeScreen';
import ProfileScreen from './screens/ProfileScreen';
import SettingsScreen from './screens/SettingsScreen';

const DrawerNavigator = createDrawerNavigator(
  {
    Home: {
      screen: HomeScreen,
    },
    Profile: {
      screen: ProfileScreen,
    },
    Settings: {
      screen: SettingsScreen,
    },
  },
  {
    initialRouteName: 'Home',
  }
);

export default DrawerNavigator;

// app.js

import React from 'react';
import { createAppContainer } from 'react-navigation';

import DrawerNavigation from './DrawerNavigation';

const AppContainer = createAppContainer(DrawerNavigation);

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