thumbIcon property

MaterialStateProperty<Icon?>? thumbIcon
final

The icon to use on the thumb of this switch

Resolved in the following states:

This example resolves the thumbIcon based on the current MaterialState of the Switch, providing a different Icon when it is MaterialState.disabled.
link
Switch(
  value: true,
  onChanged: (bool value) { },
  thumbIcon: MaterialStateProperty.resolveWith<Icon?>((Set<MaterialState> states) {
    if (states.contains(MaterialState.disabled)) {
      return const Icon(Icons.close);
    }
    return null; // All other states will use the default thumbIcon.
  }),
)

If null, then the value of SwitchThemeData.thumbIcon is used. If this is also null, then the Switch does not have any icons on the thumb.

Implementation

final MaterialStateProperty<Icon?>? thumbIcon;