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

多語言版本

React版Mung

React-Native版Mung

Flutter版Mung

---

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

---

2. 功能概述

• 數據保存 ：支持斷網加載緩存數據。
• 主題換膚 ：如今只支持切換主題顏色，本項目沒幾張圖片。
• 查看電影詳情 ：支持查看電影詳情包括評論。
• 一鍵搜索： 支持標籤和語句查找相關的電影。

---

3. 運行結果圖

---

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

---

React-Native 篇

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

一個完整小巧的Redux全家桶項目

react-native拖拽排序

多功能React-Native-Toast組件