1. 程式人生 > >ReactNative 開源專案 --仿優購商城

ReactNative 開源專案 --仿優購商城

開源動力,仿優購網 use RN and Redux

主要實現電商基礎介面和購物車功能

http://www.jianshu.com/p/0df814907a5b

基於ReactNative和Redux實現了電商類APP,持續更新,希望一起學習討論.
1.這個app 主要使用Redux 結合所學的結合一些開源第三方實現!主要對購物車功能實現了實時監控!
2.多個UI介面的搭建,實現實時更變內容,後面會實時更新大家可以關注一下
3.使用大量模組封裝使得,頁面能重用!
暫時只適配iOS 後期會持續更新適配安卓 (如果暫時想適配安卓的可切換註釋 TabBarView.js 的程式碼,基本能執行 效果比較差)

完成功能

  • [x] 首頁
  • [x] 分類頁面
  • [x] 購物車完整功能
  • [x] 個人頁面
  • [ ] 效能優化

執行截圖


1.png
2.png
3.png
4.png
5.png

執行

$ git clone https://github.com/JasonStu/ReactNative_Shopping.git
$ cd ReactNative_Shopping
$ npm install
$ react-native run-ios

相關依賴

  "dependencies": {
    "react": "15.2.1",
    "react-native": "0.31.0"
, "react-native-nav": "^1.1.4", "react-native-scrollable-tab-view": "^0.5.3", "react-native-swiper": "^1.4.4", "react-native-tab-navigator": "^0.3.2", "react-native-vector-icons": "^2.0.3", "react-redux": "^4.4.5", "redux": "^3.5.2", "redux-logger": "^2.6.1", "redux-thunk"
: "^2.1.0" },

如果大家覺得有用歡迎給個start✨✨✨✨✨✨✨✨✨