<ignore_js_op> 源碼下載:http://code.662p.com/view/13343.html 源碼下載:http://code.662p.com/view/13343.html 源碼下載:http://code.662p.com/view/13343.html 作者ymcao,源 ...
<ignore_js_op>
![](http://img.662p.com/ios/forum/201604/01/223512a1w10l0z5j074j6e.png)
源碼下載:http://code.662p.com/view/13343.html
作者ymcao,源碼TopNewsIOS,新聞頭條IOS版本集成React遠程離線包,
頭條IOS+ReactNative混合版本(Layout採用Masonry)
用Masonry來做IOS UI AutoLayout適配,並初步實現React Native的離線包下載,然後解壓到沙盒目錄,可用未來IOS插件化工作!
IOS原生工程集成React Native
1.從https://github.com/facebook/react-native.git拉取代碼,然後cd 目錄執行npm install(前提是你已經安裝好node環境)
2.到React目錄下拖拽React.xcodeproj到原生工程,其他的需要的到Libary目錄下 React/React.xcodeproj Libraries/Image/RCTImage.xcodeproj Libraries/Network/RCTNetwork.xcodeproj Libraries/Text/RCTText.xcodeproj Libraries/Vibration/RCTVibration.xcodeproj Libraries/WebSocket/RCTWebSocket.xcodeproj Libraries/LinkingIOS/RCTLinking.xcodeproj Libraries/Settings/RCTSettings.xcodeproj 3.添加對應的.a文件 4.打開你的工程文件,選擇Build Settings,然後搜索Header Search Paths,然後添加React庫所在的目錄(註意要選中recursive選項)
5.創建react native單獨工程,創作界面UI功能等 6.在react native工程中使用命令react-native bundle --entry-file index.ios.js --bundle-output ./bundle/news.ios.jsbundle --platform ios --assets-dest ./bundle --dev true 打包出離線jsbundle
7.壓縮成zip放到伺服器,這樣就可以動態下載,然後解壓,通過路徑查找去載入離線jsbunle了,這塊詳見module/settings/ReactController.m
特地做個新聞類的,API比較好找,😄,邊做還能看看新聞娛樂,此工程會持續更新,何樂而不為呢,有什麼問題望大家多多意見!
詳細說明:http://ios.662p.com/thread-2833-1-1.html