| // 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. |
| |
| // Flutter code sample for [ListTile]. |
| |
| import 'package:flutter/material.dart'; |
| |
| void main() => runApp(const ListTileApp()); |
| |
| class ListTileApp extends StatelessWidget { |
| const ListTileApp({super.key}); |
| |
| @override |
| Widget build(BuildContext context) { |
| return MaterialApp( |
| theme: ThemeData(colorSchemeSeed: const Color(0xff6750a4), 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: Column( |
| children: const <Widget>[ |
| ListTile( |
| leading: CircleAvatar( |
| child: Text('A') |
| ), |
| title: Text('Headline'), |
| subtitle: Text('Supporting text'), |
| trailing: Icon(Icons.favorite_rounded), |
| ), |
| Divider(), |
| 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(), |
| 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(), |
| ], |
| ), |
| ); |
| } |
| } |