不知到大家在软件开发过程中,首页一般展示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看效果