為Gank.io做的一個React-Native客戶端

DianaYMP 8年前發布 | 17K 次閱讀 移動開發

為Gank.io做的一個React-Native客戶端

使用說明:

Update 1st

添加主要邏輯

  • 頁面數據API拼接 (拼接到1/15號,具體邏輯還沒寫)

  • 單頁面數據的獲取

  • 圖形加載

Update 2nd

添加主要邏輯

  • 面向對象編程的代碼重構

  • 完成首頁、歷史頁

  • 完成內容詳情頁Header的半透明控制

  • 添加了Navigationbar的自定義組件

Update 3rd

最終效果:

  • 歡迎頁面

  • 首頁

  • 歷史列表頁

  • 內容詳情頁

  • WebView頁

  • About頁

添加主要邏輯

  • WebView、About、內容詳情頁的邏輯書寫

  • 歡迎頁的實現(花費了點小心思喔)

Usage (iOS版本可以跑通,Android正在努力適配中)

  1. 安裝以及正確調試React-Native開發環境(支持Windows/OSX)

  2. clone本項目之后,在根目錄下使用npm install 命令來安裝項目中依賴的所有依賴庫

  3. 點開ios文件夾下的ReactNativeGank.xcodeproj運行程序

感謝代碼家Gank.io的數據支持,感謝Veaer同學的Gank-Vear項目設計和指點,非常感謝自始至終老板對我整個學習路程的指導......

本人在是公司的React-Native實習工程師,Gank.io是我的一個練手項目,項目的更新會在之后的學習中不斷更新,歡迎大家監督...么么噠^_^


項目地址: https://github.com/Bob1993/React-Native-Gank

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