本文共 1058 字,大约阅读时间需要 3 分钟。
1、在ios目录下创建bundle文件夹
2、在bundle目录下创建assets文件夹,assets是图片以及其他资源存放的目录
3、终端进入到项目的根目录下,运行以下命令:
- react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ./ios/bundle/index.ios.jsbundle --assets-dest ./ios/bundle
- index.js:ios或者android入口的js名称
- platform ,平台名称(ios或者android)
- dev ,设置为false的时候将会对JavaScript代码进行优化处理
- bundle-output, 生成的jsbundle文件的名称,比如./ios/bundle/index.ios.jsbundle
- 更新jsbundle文件。
4、将bundle添加进工程,添加时必须使用Create folder references的方式添加文件夹,添加到工程后的文件夹必须是蓝色的。如下图所示:
5、在原生工程调用rn的地方,需作调整
之前代码为:
1 2 3 | NSURL *jsCodeLocation; jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@ "index" fallbackResource:nil]; rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@ "SinaLeJuB" initialProperties:nil launchOptions:nil]; |
更改后代码为:
1 2 3 | NSURL *jsCodeLocation; jsCodeLocation = [[NSBundle mainBundle] URLForResource:@ "bundle/index.ios" withExtension:@ "jsbundle" ]; rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@ "SinaLeJuB" initialProperties:nil launchOptions:nil]; |
转载地址:http://uhhwn.baihongyu.com/