ios - XCode 11.5 升级后不显示 React-Native Image

Question

我通常显示这样的图像:

<Image source={require('../../assets/images/color/stuff.png')} />
<Image source={require('../some-other-path/picture.png')} />

过去，我可以在任何文件夹中拥有任何我想要的任意路径。

然后，当我为发布而构建时，我会在构建 > 运行之前执行此操作:

react-native bundle --platform ios --dev false --entry-file index.js --bundle-output ./ios/main.jsbundle

升级到 XCode 后，每当我进行发布构建时，我的图像就不再出现。在开发版本中，图像是可见的。

我试过 --assets-dest ./some-folder ，但结果是一样的。

什么可能导致这种变化？

Answer 1

解决方案1:

就我而言，我使用的是 resizeMode='center'，当我从“center”更改为“contain”时，它解决了我的问题。

解决方案2:

导航到项目目录 => ios => 创建文件夹 assets

文件夹内assets => 创建与文件夹相同的文件夹结构
您将图像保留在项目中(在我的情况下，我将所有图像保留在app > src > assets > image ) 并将所有图像复制到此文件夹

打开 Xcode => 选择项目目标 => Build Phases

拖动文件夹 assets我们已将其创建为 Copy Bundle Resources

选择 Copy items if needed and press Finish

清理项目并再次发布版本

完毕!

PS:如果你的图片名称是这样的 my_image.ios.jpg您需要将它们重命名为 my_image.jpg .

解决方案3:

在 构建阶段 > 捆绑 React Native 代码和图像 替换您为此拥有的任何行:

export NODE_BINARY=node ../node_modules/react-native/scripts/react-native-xcode.sh

之后，从 xcode 和文件夹中删除 main.jsbundle 文件并重新制作它:

react-native bundle --entry-file='index.js' --bundle-output='./ios/main.jsbundle' --dev=false --platform='ios' --assets-dest='./ios'

之后，再次添加生成的 main.jsbundle。再次清理、构建并运行项目。