ReactNative 開源專案 --仿優購商城
阿新 • • 發佈:2019-02-11
開源動力,仿優購網 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✨✨✨✨✨✨✨✨✨