这是一个反应本机项目。 我的编译器发现 item 变量未定义，即使我在 function 中使用了 item

Question

I am trying to fix my routes in react native, to do so I'm using the item variable to navigate through my pages.

<TouchableOpacity
  style={{
    padding: 20,
    flexDirection: "row",
    backgroundColor: colors.background,
    justifyContent: "flex-end",
    alignItems: "center",
  }}
  onPress={navigation.navigate("Edit", { id: item.id })}
>
  <Text style={{ fontSize: 24 }}>Task</Text>
  <MaterialCommunityIcons
    name="plus"
    size={40}
    style={{
      color: colors.themeColor,
      backgroundColor: colors.white,
      borderRadius: 20,
      marginHorizontal: 8,
    }}
  />
</TouchableOpacity>

Answer 1

First use {()=> navigation.navigate("Edit", { id: item.id })}.If you are not using item variables in your code it will give you undefined. for example, if your id variable is a person so try using person.id. On the next page use route.params.person.