Friendly way to customize checkbox style

[omensight]

Hello, I am studying the source code of this package but I cannot understand exactly how to customize the checkbox color states

[bdlukaa]

Checkbox(
  ...,
  style: CheckboxThemeData(
    // this decoration will be used when `value` is `true`
    checkedDecoration: ButtonState.resolveWith(
        (states) => BoxDecoration(
          color: Colors.black,
        ),
      ),
  ),
  // this will be used when false
  uncheckedDecoration: ButtonState.resolveWith(
        (states) => BoxDecoration(
          color: Colors.white
        ),
      ),
  // this when`value` is `null`
  thirdstateDecoration: ButtonState.resolveWith(
        (states) => BoxDecoration(
          borderRadius: radius,
          color: ButtonThemeData.checkedInputColor(style, states),
        ),
      ),
)

[omensight]

Checkbox(
  ...,
  style: CheckboxThemeData(
    // this decoration will be used when `value` is `true`
    checkedDecoration: ButtonState.resolveWith(
        (states) => BoxDecoration(
          color: Colors.black,
        ),
      ),
  ),
  // this will be used when false
  uncheckedDecoration: ButtonState.resolveWith(
        (states) => BoxDecoration(
          color: Colors.white
        ),
      ),
  // this when`value` is `null`
  thirdstateDecoration: ButtonState.resolveWith(
        (states) => BoxDecoration(
          borderRadius: radius,
          color: ButtonThemeData.checkedInputColor(style, states),
        ),
      ),
)

Thanks but when the cursor is positioned over the Checkbox, the Checkbox does not vanish its color, why is that?

[bdlukaa]

you can perform checks on states. states.isHovering, states.isPressing, and so on...