如何在 React Native 中添加来自 CDN 的图像？答案

【问题标题】：How do I add an image from a CDN in React Native?如何在 React Native 中添加来自 CDN 的图像？
【发布时间】：2023-01-22 22:36:15
【问题描述】：

我想在来自“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' }}
    />

【讨论】：