React-Native 类淘宝选择商品详情控件

        最近在写个电商的项目,在写选择商品规格的时候,本来打算用网上其他人写好的控件,但是发现都不能满足需求,由于需要的是像淘宝一样,选择衣服尺码的时候对应的颜色没有库存的不能选中,且价格和剩余库存是不断更改的。所以决定自己写一个,之前在iOS原生端实现这个功能是用的别人的库,根据这个库,用RN语言实现该功能。

iOS原生实现连接


        先说实现思路:由于一开始开发的时候后台接口是我自己写的,简单的本地服务器,能够取数据写数据,定义尺码、颜色、价格、数量等信息的时候不同的信息会写成单独的数据,如 图1:


图1

拿到数据之后开始处理,把所有数据都放进一个字典中,如 图2:


图2

把字典传入控件中,选择某一信息(如 L 码)后,从字典中查询,没有的颜色显示为灰色且按钮不可点击。大致的思路就是这样,说的不是特别细,具体可以看代码。

ZTShop-React-Native,该项目中包含了选择商品规格、购物车、支付宝集成、瀑布流布局、城市选择器等功能,iOS、Android都可以运行。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容