第二十八回：如何使用不同的方式创建ListView

我们在上一章回中介绍了如何给PageView这个Widget添加指示器,本章回中将介绍 如何使用不同的方式创建ListView。闲话休提，让我们一起Talk Flutter吧。

知识回顾

我们在前面章回中介绍过ListView这种Widget,并且详细介绍了它的使用方法，如果有哪位看官忘记的话可以查看第五回的内容。当时创建ListView时使用的是它的构造方法，本章回将介绍如何使用构造方法以外的方式创建ListView.

使用方法

1. 使用builder()方法

该方法提供了许多参数，我们可以通过这些参数用来限制ListView的属性，常用的参数如下

• scrollDirection:主用来限制ListView的滚动方向，默认方向为垂直滚动；
• itemCount:主要用来限制ListView中项目的数量，如果不指定默认数量为无限大；
• itemExtent：主要用来限制ListView中项目的高度或者宽度；
• itemBuilder：主要用来添加ListView中的项目，它的类型是方法类型。注意它是必选参数；

2. 使用eparated()方法

该方法提供了许多参数，我们可以通过这些参数用来限制ListView的属性，常用的参数和builder()方法的参数相同，这里就不一一列出了，不过它还有一个不同的参数是separatorBuilder,该参数主要用来给ListView中的项目添加分隔线。注意该参数也是必选参数。

示例代码

    Widget listEx01 = ListView.builder(
      itemCount: 8,
      itemExtent: 60,
      itemBuilder: (BuildContext context, int index) {
        return listItem(Icons.ice_skating, "$index");
      },
    );

    Widget listEx02 = ListView.separated(
        itemBuilder: (BuildContext context, int index) {
          return listItem(Icons.cabin, "$index");
        },
        separatorBuilder: (BuildContext context, int index) {
          return const Divider(
            endIndent: 1,
            height: 1,
            color: Colors.lightBlue,
          );
        },
        itemCount: 6);

经验分享

到目前为止我们一共介绍了三种创建ListView的方式，它们都有自己的特点，最后我们对这三种方式做一个对比和总结：

• 使用ListView构造方法：这种创建方式使用方便，常用来创建项目数量比较少的ListView,如果数量太多会影响性能；
• 使用builder()方法:这种创建方式使用动态创建项目，使用相对复杂一些，常用来创建项目数量比较大的ListView，而且性能比较好；
• 使用eparated()方法:这种创建方式和builder()方法类似，不同点在于它可以给ListView中的每个项目添加分隔线(divider);

上面是我总结的相关经验，大家在创建ListView时可以依据项目的需求来选择不同的创建方式。如果大家还有其它创建ListView的方式的话，可以评论区交流与讨论。

看官们，关于"如何使用不同的方式创建ListView"相关的内容就介绍到这里，欢迎大家在评论区交流与讨论!