[Flutter]ListTileのパディングを設定するには?

Flutter

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

ListTileのパディングを設定する方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

ListTileのパディングを設定する方法は2つあります。

contentPadding

1つは、引数「contentPadding」を使う方法です。

ListTileの引数「contentPadding」にEdgeInsetsを使ってパディングを指定します。

ListTile(
  contentPadding: /*EdgeInsetsを使ってパディングを指定*/,
  title: Text('テキスト'),
);

以下は、使用例です。

ListTile(
  contentPadding: EdgeInsets.all(10), //全方向に10
  title: Text('テキスト'),
);

minVerticalPadding

もう1つは、引数「minVerticalPadding」を使う方法です。

具体的な方法としては、ListTileの引数「minVerticalPadding」にdouble型の値を指定します。

指定された値は、ListTileの上と下のパディングになります。

ListTile(
  minVerticalPadding: /*double型の値*/,
  title: Text('テキスト'),
);

まとめ

ListTileのパディングを設定するんは、次の2つの引数を使います。

  • contentPadding
  • minVerticalPadding

コメント

タイトルとURLをコピーしました