《React Native之從 0 到 1 》—— 打離線包篇

  1. 在命令行 cd 到你項目的根目錄(存放 index.ios.js 文件的目錄)下
  2. 執行命令, 啟動服務
react-native start
  1. 執行打包命令
curl http://localhost:8081/index.ios.bundle -o main.jsbundle
  1. 將生成的 main.jsbundle 拖入到你的 Xcode 項目中
  2. 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 看作類似iOSpch 文件

import {  AppRegistry,} from 'react-native';
import ReactNativeToObjectiveC from './ReactNativeToObjectiveC'
import NativeUIModule from './NativeUIModule'
AppRegistry.registerComponent('AAA', () => ReactNativeToObjectiveC);
AppRegistry.registerComponent('BBB', () => NativeUIModule); 
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容