[Flutter]区切り線を表示する Divider

Dividerウィジェットは、区切り線を表示するウィジェットです。

構文

Divider({
  double? height,
  double? thickness,
  double? indent,
  double? endIndent,
  Color? color,
  Key? key,
})

説明

  • height: 区切り線の高さサイズを設定します。
  • thickness: 線の太さを設定します。
  • indent: 線の開始位置からのインデントを設定します。
  • endIndent: 線の終端位置からのインデントを設定します。
  • color: 線の色を設定します。

基本

Divider(),

区切り線を青色、太さ10を設定

Divider(
  color: Colors.blue,
  thickness: 10.0,
),

さらに高さ50、左右にインデント20設定

Divider(
  height:50.0,
  indent: 20.0,
  endIndent: 20.0,
  color: Colors.blue,
  thickness: 10.0,
),