// 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), ], ), ); } }