如何在react native中切换侧边菜单栏？

npm install @react-navigation/drawer

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

import React from 'react';
import { View, Text } from 'react-native';

const SideMenu = () => {
  return (
    <View>
      <Text>侧边菜单栏内容</Text>
    </View>
  );
};

export default SideMenu;

import React from 'react';
import { View, Text } from 'react-native';

const MainContent = () => {
  return (
    <View>
      <Text>主要内容</Text>
    </View>
  );
};

export default MainContent;

const AppNavigator = createDrawerNavigator(
  {
    Main: MainContent,
  },
  {
    contentComponent: SideMenu,
  }
);

export default createAppContainer(AppNavigator);

import React from 'react';
import AppNavigator from './AppNavigator';

const App = () => {
  return <AppNavigator />;
};

export default App;