react native购物车怎么写?



  • 0_1522217061105_image.png

    有没有大神说个思路也行,初学react native,要实现图片上这种购物车,现在不知道从何下手哇。



  • 先按照设计稿将每一栏的 cell component 实现完毕(采用 presentational 和 container component 设计模式)。
    再思考你购物车的数据结构,是否所有商品均放入一个 flat array 中?还是说根据你的需求放入 店铺 - 数组 的 object 中?然后设计 redux 的 actions。添加 SKU、删除 SKU、清空该 SKU......
    最后将所有的东西 connect 起来。



  • @evianzhow 嗯,,,感觉你的说法好专业哇,我是才学这个框架的,有点不太明白(手动捂脸)。目前的页面是我上面画的那样,后台还在设计数据库,具体是什么格式也不是很清楚。我现在是本地建了json, 如图。是不是要把购物车的列表(一家店铺对应一列)抽出来一个组件,直接在组件写加减逻辑?
    0_1522297128037_image.png



  • @ZaL0-0 看了一下,结构应该设计的没问题,这个数据结构是保存在 redux 的 store 里的,加减逻辑是 dispatch action,action 经过 reducer 改变数据结构,最后反应到用户界面上


Log in to reply