基础列表
用列表展示数据是移动应用开发中较为常用的方式,
Flutter 自带的 ListView
widget 可以帮助你轻松的实现一个列表。
Displaying lists of data is a fundamental pattern for mobile apps.
Flutter includes the ListView
widget to make working with lists a breeze.
创建一个 ListView
Create a ListView
使用标准的 ListView
构造方法非常适合只有少量数据的列表。我们还将使用内置的 ListTile
widget 来给我们的条目提供可视化结构。
Using the standard ListView
constructor is
perfect for lists that contain only a few items.
The built-in ListTile
widget is a way to give items a visual structure.
ListView( children: const <Widget>[ ListTile( leading: Icon(Icons.map), title: Text('Map'), ), ListTile( leading: Icon(Icons.photo_album), title: Text('Album'), ), ListTile( leading: Icon(Icons.phone), title: Text('Phone'), ), ], ),
交互式样例
Interactive example
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) {
const title = 'Basic List';
return MaterialApp(
title: title,
home: Scaffold(
appBar: AppBar(
title: const Text(title),
),
body: ListView(
children: const <Widget>[
ListTile(
leading: Icon(Icons.map),
title: Text('Map'),
),
ListTile(
leading: Icon(Icons.photo_album),
title: Text('Album'),
),
ListTile(
leading: Icon(Icons.phone),
title: Text('Phone'),
),
],
),
),
);
}
}