Flutter中能否单独修改Checkbox的勾选图标大小？

你遇到的问题是因为Transform.scale包裹了整个Checkbox组件，导致按钮整体（包括边框、点击区域、水波纹）都被放大。要单独调整勾选图标的大小，可以试试以下两种方案：

方案一：自定义Checkbox的checkIcon参数 #

直接在Checkbox的checkIcon里对勾选图标单独缩放，不影响按钮本身的尺寸：

Checkbox(
  splashRadius: 18,
  value: true,
  activeColor: primaryColor,
  shape: const RoundedRectangleBorder(
      borderRadius: BorderRadius.all(Radius.circular(10.0))),
  onChanged: (bool? newValue) {},
  // 仅缩放勾选图标
  checkIcon: Transform.scale(
    scale: 2.0,
    child: const Icon(Icons.check, color: Colors.white),
  ),
)

方案二：通过Theme统一配置 #

如果需要在多个Checkbox中复用这个样式，可以通过Theme组件全局调整勾选图标：

Theme(
  data: ThemeData(
    checkboxTheme: CheckboxThemeData(
      checkColor: MaterialStateProperty.all(Colors.white),
      checkIcon: Transform.scale(
        scale: 2.0,
        child: const Icon(Icons.check),
      ),
    ),
  ),
  child: Checkbox(
    splashRadius: 18,
    value: true,
    activeColor: primaryColor,
    shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.all(Radius.circular(10.0))),
    onChanged: (bool? newValue) {},
  ),
)

这两种方法都只会放大勾选图标本身，Checkbox的按钮尺寸、点击区域和水波纹效果会保持原来的大小。

内容的提问来源于stack exchange，提问作者Godwin IE