Flutter移动电商实战-商品推荐区域制作

这个类接收一个List参数，就是推荐商品的列表，这个列表是可以左右滚动的。

实际开发中，要尽量减少嵌套，我们需要把复杂的组件，单独拿出一个方法进行编写。这里就把商品推荐标题单独拿出一个方法进行编写。

把推荐商品的每一个子项我们也分离出来。每一个子项都使用InkWell，这样为以后的页面导航作准备。里边使用了Column，把内容分成三行。

InkWell有的叫溅墨效果，有的叫水波纹效果。使用场景是给一些无点击事件的部件添加点击事件时使用（也支持长按、双击等事件），同时你也可以去修改它的颜色和形状。

再回访推荐商品的编写

横向列表组件也进行单独编写，以减少嵌套，这样我们就把每一个重要的部分都进行了分离。

有了这三个基本组件，最后我们在build方法里进行组合，形成商品推荐区域。

在 HomePage build 中继续添加：

效果图：