React native api调用时未显示图像

我在这张卡片上有一个列表屏幕，当你触摸时，你将进入详细屏幕，这个图像和标题来自后端问题是，当我点击卡片时，它进入详细屏幕，它只显示标题和副标题，而不显示图像

export default function ListingsScreens({ navigation }) {
  const [listings, setListing] = useState([]);
  useEffect(() => {
    loadListings();
  }, []);
  const loadListings = async () => {
    const response = await listingApi.getListings();
    setListing(response.data);
  };
  return (
    <ExpoScreen style={styles.screen}>
      <FlatList
        data={listings}
        keyExtractor={(listings) => listings.id.toString()}
        renderItem={({ item }) => (
          <CardList
            title={item.title}
            subtitle={"$" + item.price}
            imageUrl={item.images[0].url}
            onPress={() => navigation.navigate("ListingDetails", item)}
          />
        )}
      />
    </ExpoScreen>
  );
}

这是我的列表详细信息屏幕

export default function ListingDetailsScreen({ route }) {
  console.log(route);
  const listing = route.params;
  return (
    <View style={styles.Screen}>
      <View style={styles.card}>
        <Image style={styles.CardImage} source={listing.image} />
        <View style={styles.tittleContainer}>
          <AppText style={styles.title}>{listing.title}</AppText>
          <AppText style={styles.subtitle}>{listing.price}</AppText>
        </View>
      </View>
      <ListItem
        image={require("../assets/dummyFemale.png")}
        title="Anna bella"
        sutitle="suck 5 person blood"
      />
    </View>
  );
}

这是我的API

---

当我点击这张卡片时，图像消失，只显示标题和副标题，你必须将图像作为url获取，所以请更改你的源属性

发件人：

致：

---

您必须将图像作为url获取，因此请更改您的源属性

发件人：

致：

---

查看JSON数据，您应该执行以下操作：

<Image style={styles.CardImage} source={{ uri: listing.images[0].url }} />

---

查看JSON数据，您应该执行以下操作：

<Image style={styles.CardImage} source={{ uri: listing.images[0].url }} />

---

那么你的领域必须是其他东西而不是图像。。。确保console.log日志并仔细查看哪个字段用于图像。。。是图像还是url？请检查我的控制台下方。然后您的字段必须是其他内容，而不是图像。。。确保console.log日志并仔细查看哪个字段用于图像。。。是图像还是url？请查看my console.log下面的内容

<Image style={styles.CardImage} source={{ uri: listing.images[0].url }} />