[Flutter]CheckboxListTileでチェックボックス(checkbox)の枠線の色(border color)を設定するには？

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

CheckboxListTileでチェックされていない時のチェックボックスの枠線の色を設定する方法を紹介します。

方法
使用例

方法

CheckboxListTileで非選択時のチェックボックスの枠線の色を設定するには、Themeを使います。

まず、CheckboxListTileをThemeでラップし、Themeの引数「data」にThemeDataを指定します。

そして、ThemeDataの引数「unselectedWidgetColor」にチェックボックスの枠線の色を指定します。

Theme(
  data: ThemeData(
    unselectedWidgetColor: /*非選択時のチェックボックスの枠線の色*/,
  ),
  child: CheckboxListTile(
    ・・・・
  ),
),

これで、CheckboxListTileのチェックボックスの枠線の色が設定できます。

使用例

以下は、使用例です。

  var _isChecked = false;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Theme(
          data: ThemeData(
            unselectedWidgetColor: Colors.pink,
          ),
          child: CheckboxListTile(
            title: Text('リストタイル'),
            value: _isChecked,
            onChanged: (value) {
              setState(() {
                _isChecked = !_isChecked;
              });
            },
          ),
        ),
      ),
    );
  }