如何在Drawer.Screen主页和通知前放置图标

npm install @react-navigation/native

npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view

import { NavigationContainer } from '@react-navigation/native';

export default function App() {
  return (
    <NavigationContainer>
      {/* 在这里定义你的导航结构 */}
    </NavigationContainer>
  );
}

import { createDrawerNavigator } from '@react-navigation/drawer';

const Drawer = createDrawerNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator>
        <Drawer.Screen name="Home" component={HomeScreen} />
        <Drawer.Screen name="Notifications" component={NotificationsScreen} />
      </Drawer.Navigator>
    </NavigationContainer>
  );
}

import { HeaderLeft, HeaderRight } from '@react-navigation/stack';
import { Ionicons } from '@expo/vector-icons';

function HomeScreen({ navigation }) {
  return (
    <View>
      <HeaderLeft>
        <Ionicons name="md-menu" size={24} onPress={() => navigation.openDrawer()} />
      </HeaderLeft>
      {/* 主页内容 */}
    </View>
  );
}

function NotificationsScreen({ navigation }) {
  return (
    <View>
      <HeaderLeft>
        <Ionicons name="md-menu" size={24} onPress={() => navigation.openDrawer()} />
      </HeaderLeft>
      {/* 通知页面内容 */}
    </View>
  );
}