Flutter：ListView-ScrollPhysics 详细介绍（翻译）-白红宇

(原文地址：) ==>需要翻墙

ListView

Flutter中的ListView用法详细介绍

本文旨在对ListView类，ScrollPhysics以及常规小组件的使用和细节进行更深入的探索。

Flutter中的ListView是可滚动项的线性列表。我们可以使用它来制作可滚动项目列表或制作重复项目列表。

ListView的类型：1. ListView2. ListView.builder3. ListView.separated4. ListView.custom复制代码

ListView

ListView类的默认构造函数。

ListView(  children: 
    
     [    ItemOne(),    ItemTwo(),    ItemThree(),  ],),复制代码

ListView只需要一个子列表并使其可滚动。且一般只运用于少量的Widget，因为List构造列表中元素，大量元素可能使这种效率很低下。

ListView.builder()

ListView.builder()构造重复的项目列表，有两个主要的参数：itemCount列表中的项目数，itemBuilder构建的每个列表。

ListView.builder(  itemCount: itemCount,  itemBuilder: (context, position) {    return listItem();  },),复制代码

列表的items是惰性构建，即只创建了特定数量的items，当向前滚动时，早期的items会被销毁。

小技巧：itemCount不作为必需的参数，则列表是无限的

ListView.builder(  itemBuilder: (context, position) {    return Card(      child: Padding(        padding: const EdgeInsets.all(16.0),        child: Text(position.toString(), style: TextStyle(fontSize: 22.0),),      ),    );  },),复制代码

ListView.separated()

在separated()构造函数中，我们生成一个列表，可以指定每个项之间的分隔符。

实质上，我们构造了两个交织列表：一个作为主列表，一个作为分隔符列表。值得注意的是此构造函数的itemCount是必须的参数。

ListView.separated(      itemBuilder: (context, position) {        return ListItem();      },      separatorBuilder: (context, position) {        return SeparatorItem();      },      itemCount: itemCount,),复制代码

这种类型的列表允许您动态定义分隔符，为不同类型的项目使用不同类型的分隔符，在需要时添加或删除分隔符等。

这个实现还可以用于插入其他类型的元素(例如广告)，并且不需要对列表项中间的主列表进行任何修改。

注意：分隔符列表长度比项目列表小于1，则在最后一个元素之后不存在分隔符。

ListView.custom()

正如其名所示，custom()构造函数可以自定义构建ListViews，以便构建列表的子组件。主要的参数是SliverChildDelegate。

SliverChildDelegates的类型：

SliverChildListDelegateSliverChildBuilderDelegate复制代码

SliverChildListDelegate接受子组件的直接列表，而SliverChildBuiderDelegate使用IndexedWidgetBuilder构建（我们使用的构建器函数）。

可以使用或子类化这些来构建自己的委托。 ListView.builder本质上是一个带有SliverChildBuilderDelegate的ListView.custom。

ListView默认构造函数的行为类似于带有SliverChildListDelegate的ListView.custom。

ScrollPhysics

为了控制滚动的发生方式，ListView构造函数中设置了physics参数。

ScrollPhysics类型：

NeverScrollablePhysics

NeverScrollablePhysics呈现不可滚动的列表。使用此选项可以完全禁用ListView的滚动。

BouncingScrollPhysics

当列表结束时，BouncingScrollPhysics会弹回列表。在iOS上使用类似的效果。

ClampingScrollPhysics

这是Android上使用的默认滚动物理。列表在结尾处停止并给出指示的水波纹效果。

FixedExtentScrollPhysics

这与此列表中的其他内容略有不同，因为它仅适用于FixedExtendScrollControllers和使用它们的列表。如下：采用ListWheelScrollView来制作类似轮子的列表。

FixedExtentScrollPhysics仅滚动到项目而不是其间的任何偏移。

FixedExtentScrollController fixedExtentScrollController =    new FixedExtentScrollController();ListWheelScrollView(  controller: fixedExtentScrollController,  physics: FixedExtentScrollPhysics(),  children: monthsOfTheYear.map((month) {    return Card(        child: Row(      children: 
    
     [        Expanded(            child: Padding(          padding: const EdgeInsets.all(8.0),          child: Text(            month,            style: TextStyle(fontSize: 18.0),          ),        )),      ],    ));  }).toList(),  itemExtent: 60.0,),复制代码

另外：

如何在列表中的item不被摧毁？

Flutter提供了一个KeepAlive()小部件，它可以保持项目处于活动状态，否则可能会被摧毁。在列表中，元素默认包装在AutomaticKeepAlive小部件中。可以通过将addAutomaticKeepAlives字段设置为false来禁用AutomaticKeepAlives。这在元素不需要保持活动或KeepAlive的自定义实现的情况下非常有用。

ListView在列表和外部小部件之间有空格？

默认情况下，ListView在它和外部窗口小部件之间有填充，要删除它，将填充设置为EdgeInsets.all（0.0）。