- 在命令行
cd
到你項目的根目錄(存放index.ios.js
文件的目錄)下 - 執行命令, 啟動服務
react-native start
- 執行打包命令
curl http://localhost:8081/index.ios.bundle -o main.jsbundle
- 將生成的
main.jsbundle
拖入到你的 Xcode 項目中 - 將
jsCodeLocation
指向本地main.jsbundle
文件
jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
將 jsCodeLocation 指向本地 main.jsbundle 文件
注意事項:
執行打包命令的時候, 服務一定要啟動, 否則打包不成功
補充:
本文參考:
作者 朱_源浩 的文章
http://www.lxweimin.com/u/f93674a68449
我覺得其中 demo 的入口文件 index.ios.js
中內容太多, 里面有2個頁面的代碼實現, 我個人認為修改成下面這樣會更加合理, 更加方便維護, 各個頁面的具體實現分模塊寫在不同的文件中, 統一在 入口文件 index.ios.js
中注冊, 將入口文件 index.ios.js
看作類似iOS
的 pch
文件
import { AppRegistry,} from 'react-native';
import ReactNativeToObjectiveC from './ReactNativeToObjectiveC'
import NativeUIModule from './NativeUIModule'
AppRegistry.registerComponent('AAA', () => ReactNativeToObjectiveC);
AppRegistry.registerComponent('BBB', () => NativeUIModule);