使用清單
在行動應用程式中,顯示資料清單是一個基本的設計模式。
Flutter 提供了 ListView 元件(Widget),讓處理清單變得輕而易舉。
建立 ListView
#當清單只包含少量項目時,使用標準的 ListView 建構函式 是最理想的選擇。
內建的 ListTile 元件(Widget)可以為項目提供視覺結構。
dart
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')),
],
),互動範例
#import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.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')),
],
),
),
);
}
}