如何添加抽屉导航器React-导航v4

npm install react-navigation

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

const DrawerNavigator = createDrawerNavigator(
  {
    Home: {
      screen: HomeScreen,
    },
    Profile: {
      screen: ProfileScreen,
    },
    Settings: {
      screen: SettingsScreen,
    },
  },
  {
    initialRouteName: 'Home',
    drawerWidth: 200,
    drawerPosition: 'left',
    drawerType: 'slide',
    contentOptions: {
      activeTintColor: '#e91e63',
    },
  }
);

import { createAppContainer } from 'react-navigation';

const AppContainer = createAppContainer(DrawerNavigator);

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

import React from 'react';
import { Button } from 'react-native';

export default class HomeScreen extends React.Component {
  render() {
    return (
      <Button
        title="Open Drawer"
        onPress={() => this.props.navigation.openDrawer()}
      />
    );
  }
}