Flutter中如何修改CheckboxListTile的默认边框颜色？

CheckboxListTile本身确实没有直接修改边框颜色的参数，但可以通过以下两种方式实现自定义边框颜色：

方法一：用Theme局部覆盖Checkbox样式 #

通过在CheckboxListTile外层包裹Theme组件，修改Checkbox的主题配置，这样只会影响当前的CheckboxListTile，不会全局改变样式：

bool _isChecked = false;

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
      child: Theme(
        data: Theme.of(context).copyWith(
          checkboxTheme: CheckboxThemeData(
            // 设置未选中状态的边框颜色和宽度
            side: const BorderSide(
              color: Colors.redAccent,
              width: 2.0,
            ),
            // 可选：设置选中状态的边框（默认会被activeColor填充，需配合shape使用）
            shape: RoundedRectangleBorder(
              side: const BorderSide(color: Colors.deepPurple),
            ),
            activeColor: Colors.green, // 选中时的背景色
            checkColor: Colors.white, // 选中时对勾的颜色
          ),
        ),
        child: CheckboxListTile(
          title: const Text('自定义边框示例'),
          value: _isChecked,
          onChanged: (bool? value) {
            setState(() {
              _isChecked = value ?? false;
            });
          },
        ),
      ),
    ),
  );
}

方法二：直接替换Checkbox组件 #

如果不想用Theme，也可以给CheckboxListTile的checkbox参数传入自定义的Checkbox组件，完全独立控制样式：

bool _isChecked = false;

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
      child: CheckboxListTile(
        title: const Text('独立自定义Checkbox'),
        value: _isChecked,
        onChanged: (bool? value) {
          setState(() {
            _isChecked = value ?? false;
          });
        },
        // 替换默认的Checkbox为自定义样式
        checkbox: Checkbox(
          value: _isChecked,
          onChanged: (bool? value) {
            setState(() {
              _isChecked = value ?? false;
            });
          },
          side: const BorderSide(
            color: Colors.blue,
            width: 2.0,
          ),
          activeColor: Colors.orange,
          checkColor: Colors.white,
        ),
      ),
    ),
  );
}

注意点 #

• 未选中状态的边框由side参数控制，选中状态下默认会被activeColor填充，若要保留选中时的边框，需要配合shape参数设置带边框的形状。
• 两种方法都能实现需求，第一种适合批量修改同类型组件，第二种适合单独定制某一个组件。

内容的提问来源于stack exchange，提问作者Kyaw Lwin Soe