11 网络数据和猜你喜欢组件的动态绑定

不知到大家在软件开发过程中,首页一般展示UI都会有1个横向的互动列表这里面会根据你的浏览记录进行埋点,去推荐你喜欢的商品。

那么话不多说,我们开始来详细描述网络数据和猜你喜欢列表组件绑定实现过程:

1 获取猜你喜欢数据的url

https://www.itying.com/api/plist?is_hot=1

2 打开jsonToDart的网页,把json拷贝到里面点击Gennerate Dart自动生成数据模型

jsonToDart的网页:https://javiercbk.github.io/json_to_dart/

jsonToDart的网页

3 在Model文件下创建ProductModel.dart文件,然后把自动上一步自动生成的模型copy到文件里面,并重新命名ProductModel+ProductItemModel

ProductModel


4 封装_getHotProductData方法调用dio获取猜你喜欢数据的网络数据


声明猜你喜欢列表数组
_getHotProductData

5 回到猜你喜欢UI组件函数_hotProductListNetWidget,将猜你喜欢数组和UI进行数据绑定

_hotProductListNetWidget

6 执行flutter run命令 测试UI看效果

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容