Question

我被导航抽屉卡住了我的搭档完成了这部分代码，并添加了DrawerItem（每个用户（管理员/客户端）都会看到

我不知道如何使用它导航。我尝试了navigation.navigate（“”），它不起作用

          <DrawerItem 
        label="הגדרות"
        style={{
          position: "absolute",
          bottom: 0,
          right: 0,
          left: 0,
          marginBottom: 60,
          borderTopColor: "#afafaf",
          borderTopWidth: 3,
        }}
        onPress={() => logOut()} //Here i need to navigate to the page "aboutUs"
        icon={({ color, size }) => (
          <MaterialIcons name="settings" color={color} size={size} />
        )}
      />

关于我们的堆栈屏幕：

const Stack = createStackNavigator();

const aboutStack = ({ navigation }) => {
  return (
    <Stack.Navigator
      initialRouteName={"Aboutus"}
      screenOptions={{
        headerLeft: () => (
          <SimpleLineIcons
            name="menu"
            style={{ marginLeft: 20 }}
            size={24}
            color="black"
            onPress={() => navigation.toggleDrawer()}
          />
        ),
      }}
    >
      <Stack.Screen
        name="קצת עלינו"
        component={Aboutus}
        options={{ headerTitleAlign: "center" }}
      />
    </Stack.Navigator>
  );
};

export default aboutStack;

Answer 1

您可以使用传递到自定义抽屉的道具，并使用如下屏幕名称进行导航。

onPress={() => props.navigaton.navigate("קצת עלינו")}

如何使用DrawerItem导航到另一个屏幕

1 个答案: