> ## Documentation Index > Fetch the complete documentation index at: https://docs.stac.dev/llms.txt > Use this file to discover all available pages before exploring further. # ListTile > Documentation for ListTile export const PLAYGROUND_BASE_URL = "https://playground.stac.dev/"; export const listTilePreviewJson = { "type": "column", "mainAxisAlignment": "start", "crossAxisAlignment": "center", "children": [{ "type": "sizedBox", "height": 12 }, { "type": "listTile", "leading": { "type": "image", "src": "https://cdn-icons-png.flaticon.com/512/3135/3135715.png" }, "title": { "type": "padding", "padding": { "top": 10 }, "child": { "type": "text", "data": "Andrew Symonds", "style": { "fontSize": 18 } } }, "subtitle": { "type": "padding", "padding": { "top": 10 }, "child": { "type": "text", "data": "Andrew Symonds was an Australian international cricketer, who played all three formats as a batting all-rounder. Commonly nicknamed \"Roy\", he was a key member of two World Cup winning squads. Symonds played as a right-handed, middle order batsman and alternated between medium pace and off-spin", "style": { "fontSize": 14 } } }, "trailing": { "type": "icon", "iconType": "material", "icon": "more_vert", "size": 24 } }, { "type": "sizedBox", "height": 12 }, { "type": "listTile", "leading": { "type": "image", "src": "https://cdn-icons-png.flaticon.com/512/3135/3135715.png" }, "title": { "type": "padding", "padding": { "top": 10 }, "child": { "type": "text", "data": "Adam Gilchrist", "style": { "fontSize": 18 } } }, "subtitle": { "type": "padding", "padding": { "top": 10 }, "child": { "type": "text", "data": "Adam Craig Gilchrist is an Australian cricket commentator and former international cricketer and captain of the Australia national cricket team. He was an attacking left-handed batsman and record-breaking wicket-keeper", "style": { "fontSize": 14 } } }, "trailing": { "type": "icon", "iconType": "material", "icon": "more_vert", "size": 24 } }] }; export const listTilePreviewSrc = `${PLAYGROUND_BASE_URL}/embed`; The Stac ListTile allows you to build a Flutter ListTile widget using JSON. To know more about the list tile widget in Flutter, refer to the [official documentation](https://api.flutter.dev/flutter/material/ListTile-class.html). ## Properties | Property | Type | Description | | ------------------ | ------------------- | --------------------------------------------------------------------------------------------------------------- | | onTap | `StacAction` | Called when the user taps this list tile. | | onLongPress | `StacAction` | Called when the user long-presses on this list tile. | | leading | `StacWidget` | A widget to display before the title. | | title | `StacWidget` | The primary content of the list tile. | | subtitle | `StacWidget` | Additional content displayed below the title. | | trailing | `StacWidget` | A widget to display after the title. | | isThreeLine | `bool` | Whether this list tile is intended to display three lines of text. | | dense | `bool` | Whether this list tile is part of a vertically dense list. | | style | `StacListTileStyle` | Defines the font used for the title. | | selectedColor | `StacColor` | Defines the color used for icons and text when the list tile is selected. | | iconColor | `StacColor` | Defines the default color for leading and trailing icons. | | textColor | `StacColor` | Defines the text color for the title, subtitle, leading, and trailing. | | contentPadding | `StacEdgeInsets` | The tile's internal padding. | | enabled | `bool` | Whether this list tile is interactive. | | selected | `bool` | If this tile is also enabled then icons and text are rendered with the same color. | | focusColor | `StacColor` | The color for the tile's Material when it has the input focus. | | hoverColor | `StacColor` | The color for the tile's Material when a pointer is hovering over it. | | autoFocus | `bool` | True if this widget will be selected as the initial focus when no other node in its scope is currently focused. | | tileColor | `StacColor` | Defines the background color of ListTile when selected is false. | | selectedTileColor | `StacColor` | Defines the background color of ListTile when selected is true. | | enableFeedback | `bool` | Whether detected gestures should provide acoustic and/or haptic feedback. | | horizontalTitleGap | `double` | The horizontal gap between the titles and the leading/trailing widgets. | | minVerticalPadding | `double` | The minimum padding on the top and bottom of the title and subtitle widgets. | | minLeadingWidth | `double` | The minimum width allocated for the ListTile.leading widget. | ## Example ```dart theme={null} StacColumn( mainAxisAlignment: StacMainAxisAlignment.start, crossAxisAlignment: StacCrossAxisAlignment.center, children: [ StacSizedBox(height: 12), StacListTile( leading: StacImage(src: 'https://cdn-icons-png.flaticon.com/512/3135/3135715.png'), title: StacPadding( padding: StacEdgeInsets(top: 10), child: StacText( data: 'Andrew Symonds', style: StacTextStyle(fontSize: 18), ), ), subtitle: StacPadding( padding: StacEdgeInsets(top: 10), child: StacText( data: 'Andrew Symonds was an Australian international cricketer...', style: StacTextStyle(fontSize: 14), ), ), trailing: StacIcon(iconType: 'material', icon: 'more_vert', size: 24), ), StacSizedBox(height: 12), StacListTile( leading: StacImage(src: 'https://cdn-icons-png.flaticon.com/512/3135/3135715.png'), title: StacPadding( padding: StacEdgeInsets(top: 10), child: StacText( data: 'Adam Gilchrist', style: StacTextStyle(fontSize: 18), ), ), subtitle: StacPadding( padding: StacEdgeInsets(top: 10), child: StacText( data: 'Adam Craig Gilchrist is an Australian cricket commentator...', style: StacTextStyle(fontSize: 14), ), ), trailing: StacIcon(iconType: 'material', icon: 'more_vert', size: 24), ), ], ) ``` ```json theme={null} { "type": "column", "mainAxisAlignment": "start", "crossAxisAlignment": "center", "children": [ { "type": "sizedBox", "height": 12 }, { "type": "listTile", "leading": { "type": "image", "src": "https://cdn-icons-png.flaticon.com/512/3135/3135715.png" }, "title": { "type": "padding", "padding": { "top": 10 }, "child": { "type": "text", "data": "Andrew Symonds", "style": { "fontSize": 18 } } }, "subtitle": { "type": "padding", "padding": { "top": 10 }, "child": { "type": "text", "data": "Andrew Symonds was an Australian international cricketer, who played all three formats as a batting all-rounder. Commonly nicknamed \"Roy\", he was a key member of two World Cup winning squads. Symonds played as a right-handed, middle order batsman and alternated between medium pace and off-spin", "style": { "fontSize": 14 } } }, "trailing": { "type": "icon", "iconType": "material", "icon": "more_vert", "size": 24 } }, { "type": "sizedBox", "height": 12 }, { "type": "listTile", "leading": { "type": "image", "src": "https://cdn-icons-png.flaticon.com/512/3135/3135715.png" }, "title": { "type": "padding", "padding": { "top": 10 }, "child": { "type": "text", "data": "Adam Gilchrist", "style": { "fontSize": 18 } } }, "subtitle": { "type": "padding", "padding": { "top": 10 }, "child": { "type": "text", "data": "Adam Craig Gilchrist is an Australian cricket commentator and former international cricketer and captain of the Australia national cricket team. He was an attacking left-handed batsman and record-breaking wicket-keeper", "style": { "fontSize": 14 } } }, "trailing": { "type": "icon", "iconType": "material", "icon": "more_vert", "size": 24 } } ] } ```