trackColor property

MaterialStateProperty<Color?>? trackColor

The color of this Switch's track.

Resolved in the following states:

• MaterialState.selected.
• MaterialState.hovered.
• MaterialState.focused.
• MaterialState.disabled.

{@tool snippet} This example resolves the trackColor based on the current MaterialState of the Switch, providing a different Color when it is MaterialState.disabled.

Switch(
  value: true,
  onChanged: (bool value) { },
  thumbColor: MaterialStateProperty.resolveWith<Color>((Set<MaterialState> states) {
    if (states.contains(MaterialState.disabled)) {
      return Colors.orange.withOpacity(.48);
    }
    return Colors.orange;
  }),
)

{@end-tool}

If null, then the value of activeTrackColor is used in the selected state and inactiveTrackColor in the default state. If that is also null, then the value of SwitchThemeData.trackColor is used. If that is also null, then the following colors are used:

Implementation

final MaterialStateProperty<Color?>? trackColor;