React Native：图像 src 无法正确显示

Posted 2023-03-15

【中文标题】React Native：图像 src 无法正确显示

【英文标题】：ReactNative: Image src not display properly

【发布时间】：2018-11-02 03:35:59

【问题描述】：

我正在使用 ReactNative + Expo 据我所知，ios 现在需要传输使用 HTTPS，使用 HTTP 时它不会呈现图像。

HTTPS：测试正常渲染 HTTP：测试不工作

来自 google，它需要此代码到项目中。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>NSAppTransportSecurity</key>
    <dict>
        <key>NSAllowsArbitraryLoads</key>
        <true/>
    </dict>
</dict>
</plist>

我的问题是我没有 /ios 项目，这是纯粹的反应，如何让它在世博会上工作？如果不能，我应该把这个 info.plist 放在哪里？

我已经尝试放在 /src/ios/projectname/Info.plist 下不起作用。

【问题讨论】：

没有 Xcode 项目意味着 /iOS 文件夹在您的 react 本机项目中，您希望如何将应用程序上传到应用商店？否则，您将无法启用 iOS 特定服务，例如推送通知、后台模式等。您甚至无法制作应用程序的 .IPA 文件，也无法向任何人显示。

【参考方案1】：

看here，它说expo 禁用了ATS。对于 Info.plist，您可以通过两种方式进行修改。第一个是用 app.json 检查这个link，但它有点受限制。第二种方法是从 expo 中弹出项目并修改您想要的所有内容。

我认为这应该是您问题的答案。