前言
在前段時間開源了個人RN項目OneM，項目性質是屬于雜志類的，沒有涉及到電商購物類的功能，后面再技術群里發現有同學們問了類似于京東淘寶這類的購物車使用RN該怎么實現，想著購物車邏輯也確實挺復雜的，對于RN開發的新手來說確實有一定的難度。所以作者就打算寫一個購物車的Demo，這樣不清楚怎樣實現購物車邏輯的同學們就可以參考作者的項目了。
預覽效果圖
x4jbmiIOe5.gif
來聊聊這個購物車包含哪些邏輯
- 支持選擇單個商品
- 支持選擇該店鋪的的所有商品
- 支持購物車商品全選
- 支持購物車每一個商品數量的增加和減少
- 支持控制每一個商品支持購買的最小購買數量和最大購買數量
- 支持實時計算選中商品的總金額和總數量
查看完整的示例Demo戳這里
https://github.com/guangqiang-liu/react-native-shoppingCartDemo
總結
雖然購物車的邏輯確實有點多，需要處理的事件也多，但是只要同學們控制好每一個事件對應的狀態，管理好整個狀態機和刷新機制，應該也能寫好一個完美的購物車功能。
