Flutter2.8 ListView基础列表组件 水平列表组件

ListView
chidren padding

1.垂直列表
一般配合 ListTile使用(title subTitle leading Icon 组件, Image组件都可以, 左图标 trailing 右侧图标)
或者我们自定义的组件都可以

2.水平列表

3.动态列表

循环语句实现动态列表
<1>
循环遍历好数据 放进listView中
 //自定义方法
  List<Widget> _getData(){
    var tempList = listData.map((value){
      return ListTile(
          title: Text(value["name"]),
          subtitle: Text(value["age"].toString()),
        );
    });

 return tempList.toList();

<2>ListView.builder来实现

初始化的时候
var newList = [];
  HomeList(){
    for(var i=0;i<20;i++){
      this.newList.add("文本$i");
    }
  }

return ListView.builder(itemCount: this.newList.length,
    itemBuilder:(context,index){
      return ListTile(
        title: Text(this.newList[index]),
      );
    },);

//可以将 方法提出来,传入的时候传入的是一个方法,而不是执行方法