React Native開源項目-iOS資訊頭條APP
來自: http://www.lcode.org/react-native-source-zixunapp/
@kailuo99 做的純React Native 資訊頭條客戶端,主要適配iOS平臺,開源地址: https://github.com/kailuo99/toutiao
歡迎大家star,fork....
項目介紹
一款使用React Native 開發的iOS版的資訊頭條APP。
剛創建的React Native技術交流2群( 496601483 )歡迎各位大牛,React Native技術愛好者加入交流!
運行效果
功能說明
- 手勢支持的切換界面
- 下拉刷新
- 上拉加載更多
- 收藏功能
組件說明
- 圖標: oblador/react-native-vector-icons
- 獲取設備信息:rebeccahughes/react-native-device-info
模擬器運行
- 下載/解壓壓縮包 或者 git clone https://github.com/kailuo99/toutiao.git 源碼
- cd toutiao && npm install
- 打開ios目錄下的toutiao.xcodeproj,再xcode中點擊run。
手機在線使用
- 再xcode 中修改 Appdelegate.m .將里面的localhost改成你電腦的IP。電腦和手機需要在同一個局域網下。
- 點擊xcode中的run。 Note: 如果出現因為安全不能運行的提示。依次執行:手機中的設置-通用-設備管理-信任。點擊實例icon,即可運行。
手機離線使用
- 去掉注釋 Appdelegate.m 里面的注釋,詳情看文檔。
- 項目目錄下執行:react-native bundle --dev false --platform ios --bundle-output main.jsbundle --entry-file index.ios.js
- XCODe下執行:你的項目->build settings->Linking->Dead Code Stripping設置為No.
- XCODe下執行:菜單->product->scheme->edit scheme->run->build config 設置為 release,debug executable 去掉。
第一步是為了將js bundle包進行壓縮。2、3步是為了去掉 shake your phone 模式。
</div> 本文由用戶 mingluh 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!