A complete guide to Flutter’s ListTile

Suragch
4 min readJan 22, 2019

A ListTile is generally what you use to populate a ListView in Flutter. In this post I will cover all of the parameters with visual examples to make it clear. Scroll down to the end to see the code in context.

title

The title can take any widget, but it is generally going to be a Text widget.

ListTile(
title: Text('Horse'),
)
ListTile with only the title set

subtitle

The subtitle is smaller text below the title.

ListTile(
title: Text('Horse'),
subtitle: Text('A strong animal'),
)
ListTile with title and subtitle

dense

The dense parameter makes the text smaller and packs everything together.

ListTile(
title: Text('Horse'),
subtitle: Text('A strong animal'),
dense: true,
)
dense set to false (left) and true (right)

leading

--

--

Suragch
Suragch

Written by Suragch

Flutter and Dart developer. Twitter: @suragch1, Email: suragch@suragch.dev

Responses (9)