天天看點

三分設計感的純React-Native項目 Mung

1. Mung:是一個基于React-Native編寫,使用豆瓣開源API開發的一個項目。

三分設計感的純React-Native項目 Mung

2. 功能概述

  • 資料儲存 :支援斷網加載緩存資料。
  • 主題換膚 :現在隻支援切換主題顔色,本項目沒幾張圖檔。
  • 檢視電影詳情 :支援檢視電影詳情包括評論。
  • 一鍵搜尋: 支援标簽和語句查找相關的電影。

3. 運作結果圖

三分設計感的純React-Native項目 Mung
三分設計感的純React-Native項目 Mung

4. 使用到的架構

  • react-native-linear-gradient :實作漸變背景
  • react-native-root-toast :實作相容Android和IOS的提出提示
  • react-native-splash-screen :實作用優雅的方式解決白屏
  • react-native-star-rating :實作評分等級
  • react-native-swiper :實作Banner功能
  • realm : 實作資料存儲和版本控制

5. 優缺點

  • 最初想這個項目的時候是想找一個開源的、資源多的、免費的API,實作一個功能比較多的React-Native項目,當在網上找了很久沒有找到滿意的最後選擇了豆瓣Api畢竟開源。
  • 項目幾乎全部使用純原生的React-Native,隻有上面一些UI架構是使用開源的,本項目比較适合于剛學完基礎,項目沒有使用Redux等架構去管理狀态。
  • 由于前期寫的比較慢,第一個界面搞電影卡片的設計搞的時間比較久,一直糾結怎樣布局好看點,和顔色的選擇,還有對網絡那塊的封裝,是以寫了很久才寫了這點功能,Api資源開發的也比較少,很多都需要商務權限和登入,是以功能比較少。
  • 圖檔浏覽那塊圖檔無法實作手指拉大和縮小,找了一些架構,實作後效果不錯,但左右滑時會出現無法滑動問題是以暫時放棄了。
  • 如果有資源的話,後期有時間加上新聞和音樂子產品。
  • 由于沒有Mac是以沒有編譯IOS版,但代碼都是相容兩個移動端的,裡面的是以三方和原生的架構都是選用了相容雙平台的架構,有時間會安裝一個黑蘋果,如果成功,後期編譯出IOS版。

6. GitHub位址

7. 下載下傳安裝Mung