Slider de Material 3 actualizado

El Slider se ha actualizado para coincidir con las especificaciones de Material 3 Design.

Los cambios en el Slider incluyen una altura actualizada, un espacio (gap) entre las pistas activas e inactivas, y un indicador de parada (stop indicator) para mostrar el valor final de la pista inactiva. Al presionar el control deslizante (thumb) se ajusta su ancho, y la pista ajusta su forma. La forma del nuevo indicador de valor es un rectángulo redondeado. También se han introducido nuevos mapeos de color para algunas de las formas del Slider.

Las especificaciones de Material 3 Design para el Slider se actualizaron en diciembre de 2023. Para optar por la especificación de diseño de 2024, establece la bandera Slider.year2023 en false. Esto se hace para garantizar que las aplicaciones existentes no se vean afectadas por las especificaciones de diseño actualizadas.

El widget Slider tiene una bandera year2023 que se puede establecer en false para optar por la especificación de diseño actualizada. El valor predeterminado para la bandera year2023 es true, lo que significa que el Slider utiliza las especificaciones de diseño anteriores de 2023.

Cuando Slider.year2023 se establece en false, el control deslizante utiliza las especificaciones de diseño actualizadas.

Para optar por la especificación de diseño actualizada para el Slider, establece la bandera year2023 en false:

Slider(
  year2023: false,
  value: _value,
  onChanged: (value) {
    setState(() {
      _value = value;
    });
  },
),

Para actualizar toda tu aplicación para que use el diseño de Slider actualizado, establece la propiedad SliderThemeData.year2023 en false en tu MaterialApp:

return MaterialApp(
  theme: ThemeData(sliderTheme: const SliderThemeData(year2023: false)),
        // ...
        Slider(
          value: _value,
          onChanged: (value) {
            setState(() {
              _value = value;
            });
          },
        ),
        // ...

Llegó en la versión: 3.28.0-0.1.pre
En la versión estable: 3.29

Documentación de la API:

• Slider
• Slider.year2023

Issues relevantes:

• Actualizar Slider para el rediseño de Material 3

PRs relevantes:

• Introducir nuevas formas de Slider para Material 3