首先,在RN开发成功一般都要自己先打一个离线bundle,测试看看是否会有问题,先看看我的打包命令:
"iosBundle": "react-native bundle --entry-file Main/MainApp.js --bundle-output outPut/Bundles/MainApp.jsbundle --platform ios --dev false"
可以看到上面的命令并没有把资源打包命令添加命令中,所以我们要修改为:
"iosBundle": "react-native bundle --entry-file Main/MainApp.js --bundle-output outPut/MainApp.jsbundle --assets-dest outPut/Assets/ --platform ios --dev false"
可以看到,多了一个 --assets-dest,就是RN图片资源的输出路径
既然RN的图片资源已经打包出来,接下来就需要把图片ios项目工程里面了:
打开xcode,把打包出来的assets(离线包默认名称是assets)拖入工程,选择Create folder references【完成后显示蓝色文件夹图标】,把MainApp.jsbundle也拖入xcode里面,选择 Create groups就行了
修改获取bundle路径,不用localhost了,如下:
jsCodeLocation = [[NSBundlemainBundle]URLForResource:@"MainApp" withExtension:@"jsbundle"];
当当当当,把项目跑起来吧!!!!!!
网友评论