React Native開源項目-iOS資訊頭條APP

mingluh 8年前發布 | 18K 次閱讀 IOS 開源 iOS開發 移動開發 React Native

來自: 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技術愛好者加入交流!

運行效果

功能說明
  1. 手勢支持的切換界面
  2. 下拉刷新
  3. 上拉加載更多
  4. 收藏功能
組件說明
  1. 圖標: oblador/react-native-vector-icons
  2. 獲取設備信息:rebeccahughes/react-native-device-info
模擬器運行
  1. 下載/解壓壓縮包 或者 git clone  https://github.com/kailuo99/toutiao.git  源碼
  2. cd toutiao && npm install
  3. 打開ios目錄下的toutiao.xcodeproj,再xcode中點擊run。
手機在線使用
  1.  再xcode 中修改 Appdelegate.m .將里面的localhost改成你電腦的IP。電腦和手機需要在同一個局域網下。
  2. 點擊xcode中的run。 Note:    如果出現因為安全不能運行的提示。依次執行:手機中的設置-通用-設備管理-信任。點擊實例icon,即可運行。
手機離線使用
  1. 去掉注釋 Appdelegate.m 里面的注釋,詳情看文檔。
  2. 項目目錄下執行:react-native bundle --dev false --platform ios --bundle-output main.jsbundle --entry-file index.ios.js
  3. XCODe下執行:你的項目->build settings->Linking->Dead Code Stripping設置為No.
  4. XCODe下執行:菜單->product->scheme->edit scheme->run->build config 設置為 release,debug executable 去掉。

第一步是為了將js bundle包進行壓縮。2、3步是為了去掉 shake your phone 模式。

</div>

 本文由用戶 mingluh 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!