用列表展示数据是移动应用开发中较为常用的方式,Flutter 自带的 ListView Widget 可以帮助你轻松的实现一个列表。
创建一个 ListView
使用标准的 ListView 构造方法非常适合只有少量数据的列表。我们还将使用内置的 ListTile Widget 来给我们的条目提供可视化结构。
ListView(children: <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'),),],);
完整示例
import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {final title = 'Basic List';return MaterialApp(title: title,home: Scaffold(appBar: AppBar(title: Text(title),),body: ListView(children: <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'),),],),),);}}

当前内容版权归 flutter-io.cn 或其关联方所有,如需对内容或内容相关联开源项目进行关注与资助,请访问 flutter-io.cn .