[Flutter] 区切り線(divider)の太さ(width)を変える方法

[Flutter] 区切り線の太さを変える方法

Flutter

2021.10.02

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

区切り線には、「Dividerウェジェット」、もしくは「VerticalDividerウェジェット」を使います。

この２つのウェジェットで線の太さを変えるには、どうしたらいいのでしょうか？

方法

Column(
        children: [
          Divider(
            thickness: 5.0,
          ),
          SizedBox(
            height: 20,
          ),
          Divider(
            thickness: 10.0,
          ),
          SizedBox(
            height: 20,
          ),
          Divider(
            thickness: 15.0,
          ),
])

区切り線の太さを変えるには、「thickness引数」を使います。

この引数に、「Double型」の値を指定することで、太さを設定することが出来ます。

「Dividerウェジェット」だけでなく、「VerticalDividerウェジェット」でも同じです。