React native react导航中的自定义抽屉导航器 我有一个自定义的屏幕导航器,屏幕1。CreateList,2.SaveDeLIST,在给定的图像2中有相同的屏幕标题可用,假设我删除一个抽屉。屏幕将不会考虑导航。如何创建一个完全自定义的侧栏?< /P> //DrawerNav export const DrawerNav = ({ navigation }) => { return ( <Drawer.Navigator drawerContent={(props) => <CustomDrawerContent {...props} />}> <Drawer.Screen name="Create List" component={MobileShoppingList} /> <Drawer.Screen name="SavedList" component={SavedList} /> <Drawer.Screen name="profileStack" component={profileStack} /> </Drawer.Navigator>);}; //Custom Drawer <DrawerContentScrollView {...props}> <DrawerItemList {...props} /> <View> <TouchableOpacity onPress={() => props.navigation.navigate("profileStack")}> <Text> Create List </Text> <Image resizeMode={"contain"} style={{ height: 16 }} source={require("./assets/Images/list.png")} /> </TouchableOpacity> <TouchableOpacity onPress={() => props.navigation.navigate("SavedList")}> <Text style={{ fontSize: 16, fontFamily: "Raleway-Medium" }}> Saved List </Text> <Image resizeMode={"contain"} style={{ height: 16 }} source={require("./assets/Images/list.png")} /> </TouchableOpacity> </View> </DrawerContentScrollView> //DrawerNav 导出常量paurernav=({navigation})=>{ 返回( }> );}; //定制抽屉 props.navigation.navigate(“profileStack”)}> 创建列表 props.navigation.navigate(“SavedList”)}> 保存的列表

React native react导航中的自定义抽屉导航器 我有一个自定义的屏幕导航器,屏幕1。CreateList,2.SaveDeLIST,在给定的图像2中有相同的屏幕标题可用,假设我删除一个抽屉。屏幕将不会考虑导航。如何创建一个完全自定义的侧栏?< /P> //DrawerNav export const DrawerNav = ({ navigation }) => { return ( <Drawer.Navigator drawerContent={(props) => <CustomDrawerContent {...props} />}> <Drawer.Screen name="Create List" component={MobileShoppingList} /> <Drawer.Screen name="SavedList" component={SavedList} /> <Drawer.Screen name="profileStack" component={profileStack} /> </Drawer.Navigator>);}; //Custom Drawer <DrawerContentScrollView {...props}> <DrawerItemList {...props} /> <View> <TouchableOpacity onPress={() => props.navigation.navigate("profileStack")}> <Text> Create List </Text> <Image resizeMode={"contain"} style={{ height: 16 }} source={require("./assets/Images/list.png")} /> </TouchableOpacity> <TouchableOpacity onPress={() => props.navigation.navigate("SavedList")}> <Text style={{ fontSize: 16, fontFamily: "Raleway-Medium" }}> Saved List </Text> <Image resizeMode={"contain"} style={{ height: 16 }} source={require("./assets/Images/list.png")} /> </TouchableOpacity> </View> </DrawerContentScrollView> //DrawerNav 导出常量paurernav=({navigation})=>{ 返回( }> );}; //定制抽屉 props.navigation.navigate(“profileStack”)}> 创建列表 props.navigation.navigate(“SavedList”)}> 保存的列表,react-native,react-navigation,React Native,React Navigation,从自定义抽屉中取出 //DrawerNav export const DrawerNav = ({ navigation }) => { return ( <Drawer.Navigator drawerContent={(props) => <CustomDrawerContent {...props} />}> <Drawer.Screen name="Create List" component={MobileS

从自定义抽屉中取出

//DrawerNav

 export const DrawerNav = ({ navigation }) => {
 return (
 <Drawer.Navigator
  drawerContent={(props) => <CustomDrawerContent {...props} />}>
  <Drawer.Screen name="Create List" component={MobileShoppingList} />
  <Drawer.Screen name="SavedList" component={SavedList} />
  <Drawer.Screen name="profileStack" component={profileStack} />
</Drawer.Navigator>);};

//Custom Drawer 

<DrawerContentScrollView {...props}>
<View>
  <TouchableOpacity onPress={() => props.navigation.navigate("profileStack")}>
    <Text>
      Create List
    </Text>
    <Image
      resizeMode={"contain"}
      style={{ height: 16 }}
      source={require("./assets/Images/list.png")}
    />
  </TouchableOpacity>

  <TouchableOpacity onPress={() => props.navigation.navigate("SavedList")}>
    <Text style={{ fontSize: 16, fontFamily: "Raleway-Medium" }}>
      Saved List
    </Text>
    <Image
      resizeMode={"contain"}
      style={{ height: 16 }}
      source={require("./assets/Images/list.png")}
    />
  </TouchableOpacity>
</View>
</DrawerContentScrollView>
//DrawerNav
导出常量paurernav=({navigation})=>{
返回(
}>
);};
//定制抽屉
props.navigation.navigate(“profileStack”)}>
创建列表
props.navigation.navigate(“SavedList”)}>
保存的列表