Flutter笔记（10）flutter中listview列表，死磕原理

在Flutter中，ListView是一个常用的控件，用于构建滚动列表。以下是一些关于如何使用ListView的关键点和示例代码：

1. 默认构造函数创建垂直列表：

ListView(
  children: <Widget>[
    ListTile(title: Text('Item 1')),
    ListTile(title: Text('Item 2')),
    ListTile(title: Text('Item 3')),
    // ...
  ],
)

2. 使用ListView.builder来创建大型动态列表，它是惰性构建的：

ListView.builder(
  itemCount: 1000,
  itemBuilder: (context, index) {
    return ListTile(title: Text('Item $index'));
  },
)

3. 水平列表使用ListView并设置scrollDirection为Axis.horizontal：

ListView(
  scrollDirection: Axis.horizontal,
  children: <Widget>[
    Container(width: 150.0, color: Colors.red),
    Container(width: 150.0, color: Colors.green),
    Container(width: 150.0, color: Colors.blue),
    // ...
  ],
)

4. 为ListView中的每个子项添加分隔符（分隔线）：

ListView(
  children: <Widget>[
    ListTile(title: Text('Item 1')),
    Divider(), // 分隔线
    ListTile(title: Text('Item 2')),
    Divider(), // 分隔线
    ListTile(title: Text('Item 3')),
    // ...
  ],
)

5. 使用ListView的padding属性来添加边距：

ListView(
  padding: const EdgeInsets.all(8.0),
  // ... 其他属性
)

6. 使用ListView的physics属性来改变滚动行为（例如，使用AlwaysScrollableScrollPhysics()来始终显示滚动条）：

ListView(
  physics: AlwaysScrollableScrollPhysics(),
  // ... 其他属性
)

7. 使用shrinkWrap属性来使ListView的高度收缩以适应其内容的大小：

ListView(
  shrinkWrap: true,
  // ... 其他属性
)

8. 使用cacheExtent属性来指定在可滚动视图的开始和结束处缓存的区域大小，以优化大列表的滚动性能：

ListView(
  cacheExtent: 100.0,
  // ... 其他属性
)

这些是在Flutter中使用ListView时可能会遇到的一些关键点和示例。