使用导航器通过ToolbarAndroid显示DrawerLayoutAndroid (React Native)

npm install @react-navigation/native

npm install @react-navigation/stack @react-navigation/drawer

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { createStackNavigator } from '@react-navigation/stack';
import { ToolbarAndroid } from 'react-native';

// 创建堆栈导航器
const Stack = createStackNavigator();

// 创建抽屉导航器
const Drawer = createDrawerNavigator();

// 创建堆栈导航器中的页面组件
const HomeScreen = ({ navigation }) => {
  return (
    <ToolbarAndroid
      title="Home"
      onIconClicked={() => navigation.openDrawer()}
    />
  );
};

// 创建抽屉导航器中的页面组件
const DrawerScreen = () => {
  return (
    // 抽屉菜单内容
  );
};

// 创建导航器
const App = () => {
  return (
    <NavigationContainer>
      <Drawer.Navigator>
        <Drawer.Screen name="Home" component={HomeScreen} />
      </Drawer.Navigator>
    </NavigationContainer>
  );
};

export default App;