如何在React原生Drawer.Navigator中添加注销按钮？

import React from 'react';
import { TouchableOpacity, Text } from 'react-native';
import { createDrawerNavigator, DrawerItemList } from '@react-navigation/drawer';

// 注销操作的屏幕组件
const LogoutScreen = ({ navigation }) => {
  const handleLogout = () => {
    // 执行注销操作，例如清除用户登录状态等
    // ...

    // 导航到其他屏幕，例如登录页面
    navigation.navigate('Login');
  };

  return (
    <TouchableOpacity onPress={handleLogout}>
      <Text>注销</Text>
    </TouchableOpacity>
  );
};

// 自定义的抽屉内容组件
const CustomDrawerContent = (props) => {
  return (
    <DrawerContentScrollView {...props}>
      <DrawerItemList {...props} />
      <DrawerItem
        label="注销"
        onPress={() => props.navigation.navigate('Logout')}
      />
    </DrawerContentScrollView>
  );
};

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

// 导航组件
const AppNavigator = () => {
  return (
    <Drawer.Navigator drawerContent={CustomDrawerContent}>
      <Drawer.Screen name="Home" component={HomeScreen} />
      <Drawer.Screen name="Profile" component={ProfileScreen} />
      <Drawer.Screen name="Logout" component={LogoutScreen} />
    </Drawer.Navigator>
  );
};

export default AppNavigator;