ios - React-Native 离线包 - 图像不显示

Question

我有一个 React-Native 应用程序，我正尝试以 Release模式将其部署到我的手机上。我可以将应用程序捆绑到手机上。数据库、视频和音频 Assets 都在那里，但 UI 中没有显示图像。

我已完成以下操作来“捆绑”我的应用:

1. 在终端运行的项目文件夹中react-native bundle --platfrom ios --dev false --entry-file index.ios.js --bundle-output main.jsbundle
2. 将对 main.jsbundle 文件的引用拖到 XCode 的 myapp 文件夹下
3. 在 XCode 中，打开 AppDelegate.m 并取消注释 jsCodeLocation = [[NSBundle mainBundle]...
4. 打开 Product > Scheme > Edit Scheme 然后将 Build Configuration 更改为 Release
5. 在项目导航器下选择myapp，然后: 在 TARGETS: myappTests > Build Phases > Link Binary With Libraries 下 按+ 选择 Workspace > libReact.a 和 Add

当我尝试在 XCode 中使用 ../node_modules/react-native/packager/react-native-xcode.sh 设置在 myapp > targets > myapp > Bundle React 中编译时 native 代码和图像 它失败并显示错误代码 1。

我看过很多关于此的帖子并且我已经尝试过:

• 检查仅在安装时运行脚本 - 然后安装应用程序但没有图像
• 将 source ~/.bash_profile 添加到 react-native-xcode.sh - 应用构建失败

任何帮助将不胜感激!

Answer 1

生成bundle的时候，还要放--assets-dest ./

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

它将生成 main.jsbundle 和 Assets 文件夹。转到您的 Xcode，右键单击“将文件添加到项目”并将 main.jsbundle 文件添加到项目。同样拖放 Assets 文件夹并选择通过引用创建(注意:不要选择创建组)。

我使用的是 React 0.33， main.jsbundle 使用 assets(small a) 文件夹但生成 Assets(Caps A)。我只是将生成的文件夹从 Assets 更改为 assets 并将其导入 xcode 并开始工作