Javascript HTTPS图像未在本机图像中呈现

我正在尝试渲染一个图像“”，该图像在web浏览器中运行良好，但在react本机图像中，该图像不会显示

我正试图做到：

 <Image
style={{ height: 200, width: 200 }}
source={{
    uri:
        "https://www.edamam.com/web-img/22c/22c27bdc6b8dc67215c7478cb4e5dc42.jpg"
}}
/>;

；

这也不起作用：

 <Image
style={{ flex: 1, resizeMode: "cover" }}
source={{
    uri:
        "https://www.edamam.com/web-img/22c/22c27bdc6b8dc67215c7478cb4e5dc42.jpg"
}}
/>;

；

---

我在这里做错了什么？

我尝试了你的代码，最初我没有得到图像，然后我使用onError处理程序处理错误，并发现以下错误

发生SSL错误，无法与服务器建立安全连接

您可以查看此错误的stackoverflow答案

我尝试了第一种解决方案，改变了

info.plist

通过以下配置，它工作正常

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
</dict>

NSAppTransportSecurity
NSAllowsArbitraryLoads

查看文档，不建议使用上述方法，相反，他们建议使用其他方法（链接答案中也提到了）

---

希望这会有所帮助。

对于认为这不是HTTPS问题的任何人，也请检查您的图像是否不是webp图像

即使图片的标题是.png或.jpg，也要保存图片。如果上面说的是Google的WebP，那么您需要将图像转换为一种对React本机友好的图像文件类型

---

希望这有帮助

请尝试删除URL中

/

之前的“https”。那么您的意思是像//www.edamam.com/web-img/22c/22c27bdc6b8dc67215c7478cb4e5dc42.jpg还是像www.edamam.com/web-img/22c/22c27bdc6b8dc67215c74cb4e5dc42.jpg？没有

：

这两个选项：//www.edamam.com/web-img/22c/22c27bdc6b8dc6b8dc45c4e5c4745c42.jpg‌​42.jpg和www.edamam.com/web-img/22c/22c27bdc6b8dc67215c7478cb4e5dc‌​42.jpg对我不起作用。没有错误，图片就是不出现。你能让它与那个配置一起工作吗？你试过使用

onError

handler回调并检查控制台上的错误吗？像这样试试

console.log（e.nativeEvent.error）}style={{{{height:200，width:200}source={{uri:'https://www.edamam.com/web-img/22c/22c27bdc6b8dc67215c7478cb4e5dc42.jpg“}}/>

以获取错误。另外，在更改info.plist后重新构建您的应用程序。我发现发生了SSL错误，无法与服务器建立安全连接。是的，与我遇到的错误相同，然后我更改了info.plist，并使用缓存重置重新启动npm服务器，然后重新部署该应用程序，它成功了。你重新部署了apo吗？