Flutter滚动型容器组件 - ListView篇，android线程池面试题

child: ListView.builder(

itemCount: subscribeAccountList.length,

itemBuilder: (context, index) {

return SubscribeAccountCard(data: subscribeAccountList[index]);

},

),

);

}

}

预览

根据上面的代码可以看到，ListView.build创建列表最重要的两个参数就是itemCount和itemBuilder。对于公众号列表这个例子，由于每个公众号消息卡片的布局都是有规则的，而且这个列表的数量可能非常之多，所以用ListView.build来创建再适合不过了。

2.3 ListView.separated()

绝大多数列表类的需求我们都可以用ListView.build构造函数来解决问题，不过有的列表子项之间需要分割线，此时我们可以用Flutter提供的另一个构造函数ListView.separated来创建列表。来看下其构造函数有什么不同：

ListView.separated({

…

@required IndexedWidgetBuilder separatorBuilder

})

相比于ListView.build 构造函数，可以看到ListView.separated仅仅是多了一个separatorBuilder必填参数。顾名思义，这就是暴露给调用方自定义分割线组件的回调方法。以支付宝的好友列表为例（好友卡片的样式布局可以看这里），我们来看下ListView.separated的使用方法：

代码（文件地址）

class FriendList extends StatelessWidget {

const FriendList({Key key}) : super(key: key);

@override

Widget build(BuildContext context) {

return ListView.separated(

itemCount: friendListData.length,

itemBuilder: (context, index) {

return FriendCard(data: friendListData[index]);

},

separatorBuilder: (context, index) {

return Divider(

height: .5,

indent: 75,

color: Color