| // Copyright 2014 The Flutter Authors. All rights reserved. |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| |
| import 'package:flutter/material.dart'; |
| |
| /// Flutter code sample for [ListTile]. |
| |
| void main() => runApp(const ListTileApp()); |
| |
| class ListTileApp extends StatelessWidget { |
| const ListTileApp({super.key}); |
| |
| @override |
| Widget build(BuildContext context) { |
| return MaterialApp( |
| theme: ThemeData(useMaterial3: true), |
| home: const ListTileExample(), |
| ); |
| } |
| } |
| |
| class ListTileExample extends StatelessWidget { |
| const ListTileExample({super.key}); |
| |
| @override |
| Widget build(BuildContext context) { |
| return Scaffold( |
| appBar: AppBar(title: const Text('ListTile Sample')), |
| body: ListView( |
| children: const <Widget>[ |
| ListTile( |
| leading: CircleAvatar(child: Text('A')), |
| title: Text('Headline'), |
| subtitle: Text('Supporting text'), |
| trailing: Icon(Icons.favorite_rounded), |
| ), |
| Divider(height: 0), |
| ListTile( |
| leading: CircleAvatar(child: Text('B')), |
| title: Text('Headline'), |
| subtitle: Text( |
| 'Longer supporting text to demonstrate how the text wraps and how the leading and trailing widgets are centered vertically with the text.'), |
| trailing: Icon(Icons.favorite_rounded), |
| ), |
| Divider(height: 0), |
| ListTile( |
| leading: CircleAvatar(child: Text('C')), |
| title: Text('Headline'), |
| subtitle: Text( |
| "Longer supporting text to demonstrate how the text wraps and how setting 'ListTile.isThreeLine = true' aligns leading and trailing widgets to the top vertically with the text."), |
| trailing: Icon(Icons.favorite_rounded), |
| isThreeLine: true, |
| ), |
| Divider(height: 0), |
| ], |
| ), |
| ); |
| } |
| } |