最近在写个电商的项目，在写选择商品规格的时候，本来打算用网上其他人写好的控件，但是发现都不能满足需求，由于需要的是像淘宝一样，选择衣服尺码的时候对应的颜色没有库存的不能选中，且价格和剩余库存是不断更改的。所以决定自己写一个，之前在iOS原生端实现这个功能是用的别人的库，根据这个库，用RN语言实现该功能。
先说实现思路：由于一开始开发的时候后台接口是我自己写的，简单的本地服务器，能够取数据写数据，定义尺码、颜色、价格、数量等信息的时候不同的信息会写成单独的数据，如 图1：
图1
拿到数据之后开始处理，把所有数据都放进一个字典中，如 图2：
图2
把字典传入控件中，选择某一信息（如 L 码）后，从字典中查询，没有的颜色显示为灰色且按钮不可点击。大致的思路就是这样，说的不是特别细，具体可以看代码。
ZTShop-React-Native，该项目中包含了选择商品规格、购物车、支付宝集成、瀑布流布局、城市选择器等功能，iOS、Android都可以运行。
最近在写个电商的项目，在写选择商品规格的时候，本来打算用网上其他人写好的控件，但是发现都不能满足需求，由于需要的是...
一、需求 很多商城类APP都有类似淘宝的商品详情页面，如下图： 我们可以看到，点击某商品到商品详情后可以看到有许多...
商品相关接口代码实现*商品详情界面 自己构建详情界面 手机淘宝打开详情页 H5打开详情页
做淘客程序的，尤其是做淘客网站的，基本都需要获取商品的详情贡献两个获取的接口 获取商品详情H5页面接口 参数 da...
最近做一个类似淘宝详情的页面，主要内容包括： 商品banner图 商品简介 店铺信息 商品详情 评论区 等内容。如...
1.参考借鉴 Android仿京东商品详情页上拉查看图文详情 模仿淘宝、京东、蘑菇街商品详情页，可嵌套ListVi...
问题：Android 5.1(API 21)及以上手机，微小店部分商品详情页的图床加载不了图片 整个商品详情是淘宝...
仿淘宝、京东拖拽商品详情(可嵌套ViewPager、ListView、WebView、FragmentTabhos...
仿淘宝、京东拖拽商品详情(可嵌套ViewPager、ListView、WebView、FragmentTabhos...
仿淘宝、京东拖拽商品详情(可嵌套ViewPager、ListView、WebView、FragmentTabhos...
本文标题：React-Native 类淘宝选择商品详情控件
本文链接：https://www.haomeiwen.com/subject/kwnjjftx.html
网友评论