如何在React Native中添加来自CDN的映像？

wgmfuz8q 于 2023-01-27 发布在 React

关注(0)|答案(1)|浏览(160)

我想在来自"cdn.weatherapi.com/weather/64x64/day/116.png"的React Native应用程序中显示图像
这是我现在正在尝试的，但没有效果：

<Image
      style={styles.image}
      source={{ uri: 'cdn.weatherapi.com/weather/64x64/day/116.png' }}
    />

这段代码可以处理其他图片，例如'https：//simgbb.com/images/logo.png'，另外，'cdn.weatherapi.com/weather/64x64/day/116.png'可以在浏览器中使用，所以该图片确实存在。
谢谢你的帮助

1条答案

确保包含协议，并确保协议是HTTPS而不是HTTP。Apple等的围墙花园SDK需要添加额外的权限才能从远程位置加载非HTTPS资源。

<Image
      style={styles.image}
      source={{ uri: 'https://cdn.weatherapi.com/weather/64x64/day/116.png' }}
    />