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