android - 图像未显示在 Android 模拟器和 Android 设备上但显示在 iOS 上

Question

我目前正在开发一个电子商务应用程序，当我通过组件渲染产品时，事实证明我的组件不会在 Android 上渲染任何图像，而不是在渲染图像的 iOS 上。

无法正确渲染的组件是这个：

<TouchableOpacity style={styles.productContainer}>
      <Image source={{ uri: product.imgURI }} style={styles.productImage} />
      <View style={styles.productText}>
        <Text style={styles.productName}>{product.name}</Text>
        <Text style={styles.productQuantity}>{product.quantity}</Text>
      </View>
    </TouchableOpacity>

我像这样使用外部图像（如您所见）：

<Image source={{ uri: product.imgURI }} style={styles.productImage} />

产品对象的 imgURI 属性对应于：

product.imgURI = "https://via.placeholder.com/150.png"

图像风格是这样的：

style.productImage: {
borderTopLeftRadius: 5,
borderTopRightRadius: 5,
width: 115,
height: 80,

}

以下是 Android 和 iOS 上的结果截图（分别）：

我尝试将图像包装在 a 中，但它不起作用，我尝试将高度和宽度属性直接分配给图像，但它也不起作用。

你对它可能来自哪里有任何线索吗？

先感谢您

编辑：我尝试了不同的图像，它似乎正在处理一些图像，不管图像的扩展是多么奇怪。我仍然不明白为什么它不适用于占位符图像。

标签： androidiosreact-native