Flutter中ListView用法详解

在Flutter项目中,listview作为一个列表组件加载到页面中,使用方法如下:

class _HomePageState extends State {

@override

Widget build(BuildContext context) {

return Container(

child: ListView.builder(

itemCount: 10,//数据条数

itemBuilder: (BuildContext context, int index) {//返回一个 ListTile作为复用 类似 ios中的 cell

return ListTile(

onTap: () {//点击每一个 listtile的监听动作

},

title: Text('hello'),

subtitle: Text('subtitle{$index}'),

);

}));

}

}

listview.builder 是widget的子类,拥有基本组件的属性,其属性列表如下

Axis scrollDirection = Axis.vertical,//列表视图的滑动方向

除了listview.builder之外,我们也可以直接使用listview()作为一个组件来显示列表,在listview属性中有个 children属性传入一个list集合 来显示,但是这种显示系统并不会采用复用,性能较低