看一下图片的效果

一个标题栏，下面是多行两列。里面可以用column布局，外面用Warp流式布局

有得小伙伴说这里可以用网格布局，网格布局的话还是有一定的效率问题。这里就用我们的流布局，还是很顺畅的

填一下上节课的坑，设置可选参数

service_method.dart 这里用花括号括起来就是个可选的参数了。

修改成可选参数后呢，我们在调用方法的时候就报错了。

我们只要修改为key/value的形式就可以了

火爆专区的请求数据

上拉刷新有几种方式

火爆专区主要的代码，这是之前的，现在要删掉了

//火爆专区 定义为动态的类
class HotGoods extends StatefulWidget {
  @override
  _HotGoodsState createState() => _HotGoodsState();
}

class _HotGoodsState extends State {
  void initState() { 
    super.initState();
    request('homePageBelowConten',formData:1).then((val){
      print(val);
    });
  }
  @override
  Widget build(BuildContext context) {
    return Container(
      child:Text('111111')
    );
  }
}

我们在最上面定义两个变量。使用的是State For Widget的形式

定义一个内部的方法去获取远程数据，内部方法用下划线开头 _getHotGoods()

创建火爆专区的标题

//火爆专区的标题
  Widget hotTitle = Container(
    margin: EdgeInsets.only(top:10.0),//上边距
    alignment: Alignment.center,//居中对齐
    color: Colors.transparent,
    child: Text('火爆专区'),
  );

流式布局

流式布局的问题，如果数据是空 那么返回流式布局就会报错

所以我们需要判断数据的list的长度

把list包装成Widget

把商品的List

最终再返回我们的wrap布局

else的情况，当列表数据为空那么我们就返回一个空的Text widget

把标题和流式布局组合起来

调用加载数据的方法

测试效果展示

往下拖还有一些数据

标题加上内边距

边距稍微好看了点