[Flutter]ListTileのサブタイトル(subtitle)を複数行にするには？

どうも、ちょげ(@chogetarou)です。

「ListTileのサブタイトルを2行以上にしたらレイアウトが崩れた」
という人に向けて、ListTileのサブタイトルを複数行にする方法を紹介します。

方法

ListTileのサブタイトルを複数行にするには、引数「isThreeLine」を使います。

具体的には、ListTileの引数「isThreeLine」に「true」を指定します。

ListTile(
  isThreeLine: true,
  title: Text('Title'),
  subtitle: Text('Sub\nTitle'),
);

ListTileの引数「isThreeLine」を使えば、サブタイトルを複数行にできます。

[Flutter]ListTileを角丸にするには？

ListTileを角丸にする方法を紹介します。

www.choge-blog.com

2021.12.14

[Flutter]ListTileに枠線をつけるには？

ListTileに枠線をつける方法を紹介します。

www.choge-blog.com

2021.12.14

[Flutter]横スクロールのリストビュー(ListView)でListTileを使うには？

横スクロールのリストビューでListTileを使う方法を紹介します。

www.choge-blog.com

2021.10.29

[Flutter]「ListTileウェジェット」でタップ処理をするには？

ListTileウェジェットにタップ処理を追加するには、どうしたらいいのでしょうか？

www.choge-blog.com

2021.09.29