Question

我试图在我的react-native应用程序中需要一些本地图像。在开发模式下，当服务器运行时，图像加载正常，但是当我使用发布版本时，没有任何图像可视。应用程序的其余部分;然而，似乎工作得很好。

我正在加载这样的图片：

// components/Test.js
export default function Test() {
    return (
        <Image source={ require('../assets/icons/food/cupcake.png') } />      
    );
}

我做错了吗？我需要更改xcode中的设置吗？此外，在开发模式下，我注意到图像似乎是从每个渲染上的开发/热加载服务器请求的，而不是像javascript代码那样捆绑在一起。

我正在使用：
- react-native版本0.34
- 我有xcode版本8.0（8A218a）

Answer 1

我解决了这个问题，下面是我的回答

当你生成bundle时，也把--assets-dest ./

＆＃34; react-native bundle --platform ios --assets-dest ./ --dev false --entry-file index.ios.js --bundle-output iOS / main.jsbundle＆＃34; < / p>

它将生成main.jsbundle和Assets文件夹。转到您的Xcode，右键单击添加要投影的文件，并将main.jsbundle文件添加到项目中。同时拖放Assets文件夹并选择按引用创建（注意：不要选择创建组）。

同时检查main.jsbundle。它使用资产（小a）文件夹但生成资产（上限A）。我刚刚将生成的文件夹从Assets更改为assets并将其导入xcode并开始工作

希望它能解决你的问题

Answer 2

反应原生没有太多经验，但xcode通常需要＆＃34;复制捆绑资源＆＃34;在目标设置的构建阶段设置。

图片未出现在＆＃34;发布版本＆＃34;的应用程序

2 个答案: