[Flutter]ListTileの高さを変えるには？

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

ListTileの高さを変える方法を紹介します。

方法

ListTileの高さを変える方法は、２つあります。

ContainerもしくはSizedBox

１つは、ContainerもしくはSizedBoxを使う方法です。

まず、ContainerもしくはSizedBoxでListTileをラップします。

そして、ContainerもしくはSizedBoxの引数「height」で高さを指定します。

Container(
  height: /*高さ*/,
  child: ListTile(
    title: Text('テキスト'),
  ),
);

ListTile(
  dense: true,
  title: Text('テキスト'),
),

itemExtent

もう１つは、縦スクロールのListViewの引数「itemExtent」を使う方法です。

具体的には、ListTileを表示しているListViewの引数「itemExtent」に高さを指定します。

ListView.builder(
  itemExtent: /*高さ*/,
  itemBuilder: (context, index) {
    return ListTile(
      dense: true,
      title: Text('Item : $index'),
    );
  },
  itemCount: /*count*/,
),

まとめ

ListTileの高さを変える方法は、次の２つです。

• ContainerもしくはSizedBoxを使う方法
• 縦スクロールのListViewの引数「itemExtent」を使う方法

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

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

www.choge-blog.com

2021.10.29

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

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

www.choge-blog.com

2021.09.29

[Flutter]「ListTile（リストタイル）」の使い方

2021.8.30 FlutterのListTileウェジェットの使い方を解説します。

www.choge-blog.com

2021.08.30

[Flutter]Cardからダイアログを表示するには？

Cardをタップした際にダイアログを表示させる方法を紹介します。

www.choge-blog.com

2021.11.26