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
- JSON
- Preview
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),
),
],
)
{
"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
}
}
]
}