Flutter入门之ListView控件（2）的使用（五）

ListView.builder（长列表）

构造函数采用IndexedWidgetBuilder，它建立在孩子的需求。此构造函数适用于具有大量（或无限）子项数的列表视图，因为仅为实际可见的子项调用构建器。
1.构造方法中参数前面有@required，属于必填参数。

实现代码块：

import 'package:flutter/material.dart';

void main() => runApp(
    ListViewBuilderDemo(items: List<String>.generate(100, (i) => "Item $i")));//创建100条数据

class ListViewBuilderDemo extends StatelessWidget {
  final List<String> items;

  ListViewBuilderDemo({Key key, @required this.items}) : super(key: key);//构造方法

  @override
  Widget build(BuildContext context) {
    final title = "长列表的使用";
    return MaterialApp(
      title: title,
      home: Scaffold(
        appBar: AppBar(
          title: Text(title),
        ),
        body: ListView.builder(
          itemCount: items.length,
          itemBuilder: (context, index) {
            return ListTile(
              leading: Icon(Icons.account_circle),
              title: Text('${items[index]}'),
            );
          },
        ),
      ),
    );
  }
}

运行结果：

ListView详情 请访问https://api.flutter.dev/flutter/widgets/ListView-class.html

请帮顶 / 评论点赞！你们的鼓励是我写作的最大动力！