Flutter 基础控件之 ListView 可滑动列表

class _ListsListViewPageState extends       State<ListsListViewPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
    appBar: AppBar(
      title: Text('ListsListView'),
    ),
    body: MyListPage(
        items: new List<String>.generate(1000, (index) => 'Item $index')));
}
}

class MyListPage extends StatelessWidget {
final List<String> items;
MyListPage({Key key, @required this.items}) : super(key: key);

@override
Widget build(BuildContext context) {
return ListView.builder(
  itemCount: items.length,
  itemBuilder: (context, index) {
    return new ListTile(
      title: new Text('${items[index]}'),
    );
  },
);
}
}

效果如下

属性解析

1. itemCount 预设 列表的个数

1.itemBuilder 列表的布局widget

实际开发中使用该控件频率较高