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

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

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

方法

Checkboxの非選択時の枠線の色を設定するには、Themeを使います。

まず、Themeの引数「data」にThemeDataを指定します。

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

Theme(
  data: ThemeData(
    unselectedWidgetColor: Colors.pink,
  ),
 ・・・
  child: Checkbox(
    ・・・
  ),
),

これでCheckboxの非選択時の枠線の色を設定できます。

使用例

以下は、使用例です。

Theme(
  data: ThemeData(
    unselectedWidgetColor: Colors.pink,
  ),
  child: Checkbox(
    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