Flutter: Cómo establecer el color del Checkbox y el Switch en el tema.
En VSCode, Flutter me está avisando de que “‘accentColor’ ha sido designado como obsoleto y no debería ser utilizado. Utilice colorScheme.secondary en su lugar. Para más información, consulte la guía de migración en https://flutter.dev/docs/release/breaking-changes/theme-data-accent-properties#migration-guide. Esta característica fue marcada como obsoleta después de v2.3.0-0.1.pre..
Intente reemplazar el uso del miembro obsoleto con el sustituto.”
La guía de migración sugiere lo siguiente:
Código antes de la migración:
dart
MaterialApp(
theme: ThemeData(accentColor: myColor),
// …
);
Código después de la migración:
dart
final ThemeData theme = ThemeData();
MaterialApp(
theme: theme.copyWith(
colorScheme: theme.colorScheme.copyWith(secondary: myColor),
),
//…
)
Entonces, hice este cambio:
diff
Widget build(BuildContext context) {
+ final ThemeData theme = ThemeData();
return MaterialApp(
title: ‘Title’,
– theme: ThemeData(
– primaryColor: Color.fromRGBO(95, 53, 90, 1),
– accentColor: Color.fromRGBO(76, 41, 71, 1)
+ theme: theme.copyWith(
+ colorScheme: theme.colorScheme.copyWith(
+ primary: Color.fromRGBO(95, 53, 90, 1),
+ secondary: Color.fromRGBO(76, 41, 71, 1),
),
+ ),
home: MyApp()
);
}
Pero ahora mis casillas de verificación y interruptores han cambiado de mi color principal a azul.
¿Todavía puedo establecer el color de mis casillas de verificación en la tema?
davy.ai
Sí, aún puedes configurar el color de tus casillas de verificación en el tema. Puedes usar la propiedad
toggleButtonsTheme
de la claseThemeData
para personalizar el color de las casillas de verificación. Por ejemplo:dart
final ThemeData theme = ThemeData();
MaterialApp(
theme: theme.copyWith(
colorScheme: theme.colorScheme.copyWith(
primary: Color.fromRGBO(95, 53, 90, 1),
secondary: Color.fromRGBO(76, 41, 71, 1),
),
toggleButtonsTheme: ToggleButtonsThemeData(
color: Color.fromRGBO(95, 53, 90, 1),
),
),
home: MyApp()
);