# GF Flutter ListTile

GF Flutter ListTile Widget

GFListTile is a Flutter ListTile that is a widget used to populate a ListView in an application. It generally has a title, and one to three lines of description or subtitle, and a trailing icon. The ListTile background color can be changed using the color property.

# GF Flutter ListTile Example

The simple GF ListTile code is as shown below

import 'package:getwidget/getwidget.dart';

GFListTile(
  titleText:'Title',
  subTitleText:'Lorem ipsum dolor sit amet, consectetur adipiscing',
  icon: Icon(Icons.favorite)
),

# GF Flutter ListTile With Avatar

GFListTile can have an avatar in the starting position in it. The avatar is usually a background image or just a profile image.

The simple code of GF Flutter ListTile with the avatar is as shown below

import 'package:getwidget/getwidget.dart';

GFListTile(
  avatar:GFAvatar(),
  titleText:'Title',
  subTitleText:'Lorem ipsum dolor sit amet, consectetur adipiscing',
  icon: Icon(Icons.favorite)
),

# GF FlutterListTile Custom Properties

GF ListTile has some of its custom properties to create a smooth look and feel for the application. The below table shows the custom properties:

Name Description
color The GFListTile's background color. Can be given [Color] or [GFColors]
description The description to display inside the [GFListTile]. see [Text]
padding defines the padding of GFListTile
margin defines the margin of GFListTile
titleText type of [String] used to pass text, alternative to title property and gets higher priority than the title
subTitleText type of [String] used to pass text, alternative to subtitle property and gets higher priority than the subtitle
avatar type of [Widget] or [GFAvatar] used to create a rounded user profile
title The title to display inside the [GFListTile]. see [Text]
subTitle The subtitle to display inside the [GFListTile]. see [Text]
icon The icon to display inside the [GFListTile]. see [Icon]
enabled Whether this list tile is interactive. If false, this list tile is styled with the disabled color from the current [Theme] and the [onTap] and [onLongPress] callbacks are inoperative.
onTap Called when the user taps this list tile. Inoperative if [enabled] is false.
onLongPress Called when the user long-presses on this list tile. Inoperative if [enabled] is false.
selected If this tile is also [enabled] then icons and text are rendered with the same color. By default the selected color is the theme's primary color. The selected color can be overridden with a [ListTileTheme].
focusColor The color for the tile's [Material] when it has the input focus.
hoverColor The color for the tile's [Material] when a pointer is hovering over it.
focusNode Defines the keyboard focus for this widget.
autofocus On true state, it should focus itself if nothing else is already focused. Defaults to false
Last Updated: 9/3/2021, 5:00:42 AM