[Flutter]Checkbox(チェックボックス)の枠線の色を設定するには？

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

Checkboxの枠線の色を設定する方法を紹介します。

方法

Checkboxの枠線の色を設定するには、引数「side」を使います。

まず、Checkboxの引数「side」にBorderSideを指定します。

そして、BorderSideの引数「color」に枠線の色を指定します。

Checkbox(
  side: BorderSide(
    color: /*枠線の色*/,
  ),
  ・・・
),

引数「side」を使えば、Checkboxの枠線の色を設定できます。

使用例

以下は、使用例です。

Checkbox(
  side: BorderSide(
    color: Colors.pink,
  ),
  value: _isChecked,
  onChanged: (value) {
    setState(() {
      _isChecked = !_isChecked;
    });
  },
),

[Flutter]Checkbox(チェックボックス)を丸くするには？

Checkboxを丸くする方法を紹介します。

www.choge-blog.com

2021.12.22

[Flutter]Checkboxのサイズを変えるには？

Checkboxのサイズを変える方法を紹介します。

www.choge-blog.com

2021.12.21

[Flutter]Checkboxの選択時の背景色を変えるには？

Checkboxのチェックされている時の背景色を変える方法を紹介します。

www.choge-blog.com

2021.12.19

[Flutter]Checkboxのチェックマークの色を変えるには？

Checkboxのチェックマークの色を変える方法を紹介します。

www.choge-blog.com

2021.12.19