Flutter中ListView实现掘金列表

2023-11-11 11:14:56

ListView 简介

ListView 是 Flutter 中一个非常重要的控件，它可以用来显示一组项目，这些项目可以是任何类型的控件，比如文本、图像、按钮等等。ListView 可以是垂直的，也可以是水平的，它也可以是无限滚动的，也就是说，当用户滚动到列表的底部时，新的项目会自动加载。

ListView 的属性

ListView 有很多属性，其中最重要的属性包括：

children：这是一个列表，里面包含了要显示的项目。
scrollDirection：这是一个枚举值，可以是 Axis.horizontal 或 Axis.vertical。它决定了 ListView 的滚动方向。
reverse：这是一个布尔值，如果为 true，则 ListView 将反向滚动。
controller：这是一个 ScrollController 对象，它可以用来控制 ListView 的滚动。

ListTile 属性简介

ListTile 是一个控件，它通常用于在 ListView 中显示项目。它有很多属性，其中最重要的属性包括：

title：这是项目的标题。
subtitle：这是项目的副标题。
leading：这是项目前面的控件，通常是一个图标。
trailing：这是项目后面的控件，通常是一个图标或按钮。

ListView 的基本使用

创建一个 ListView 的基本步骤如下：

创建一个 ListView 对象。
向 ListView 对象的 children 属性中添加项目。
将 ListView 对象添加到 Scaffold 对象的 body 属性中。

下面的代码演示了如何创建一个简单的 ListView：

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: ListView(
          children: <Widget>[
            ListTile(
              title: Text('Item 1'),
            ),
            ListTile(
              title: Text('Item 2'),
            ),
            ListTile(
              title: Text('Item 3'),
            ),
          ],
        ),
      ),
    );
  }
}