fillColor property

MaterialStateProperty<Color?>? fillColor

The color that fills the checkbox, in all WidgetStates.

Resolves in the following states:

• WidgetState.selected.
• WidgetState.hovered.
• WidgetState.focused.
• WidgetState.disabled.

{@tool snippet} This example resolves the fillColor based on the current WidgetState of the Checkbox, providing a different Color when it is WidgetState.disabled.

Checkbox(
  value: true,
  onChanged: (_){},
  fillColor: WidgetStateProperty.resolveWith<Color>((Set<WidgetState> states) {
    if (states.contains(WidgetState.disabled)) {
      return Colors.orange.withOpacity(.32);
    }
    return Colors.orange;
  })
)

{@end-tool}

If null, then the value of activeColor is used in the selected state. If that is also null, the value of CheckboxThemeData.fillColor is used. If that is also null, then ThemeData.disabledColor is used in the disabled state, ThemeData.toggleableActiveColor is used in the selected state, and ThemeData.unselectedWidgetColor is used in the default state.

Implementation

final MaterialStateProperty<Color?>? fillColor;