The accentColor in ThemeData was deprecated.
What to use then in ThemeData?
theme: ThemeData(
brightness: Brightness.light,
primaryColor: kBaseColor,
accentColor: kBaseAccentColor, // 'accentColor' is deprecated and shouldn't be used
Use the below code instead of accentColor: kBaseAccentColor,
colorScheme: ColorScheme.fromSwatch()
.copyWith(secondary: kBaseAccentColor),
OR
Do this in a simple way:
Click on Magic Bulb
Click on Migrate to 'ColorScheme.secondary' it will automatically be converted.
accentColor is now replaced by ColorScheme.secondary.
Using new ThemeData:
theme: ThemeData(
colorScheme: ColorScheme.fromSwatch().copyWith(
secondary: Colors.red, // Your accent color
),
)
Using existing ThemeData:
final theme = ThemeData.dark();
You can use it as:
theme: theme.copyWith(
colorScheme: theme.colorScheme.copyWith(
secondary: Colors.red,
),
)
brightness: Brightness.dark,. Otherwise, Flutter gives an error without it.Write this:
colorScheme: ColorScheme.fromSwatch()
.copyWith(secondary: kBaseAccentColor),
Then, use
colorScheme.secondary
in place of
accentColor
everywhere.
Code before migration:
Color myColor = Theme.of(context).accentColor;
Code after migration:
Color myColor = Theme.of(context).colorScheme.secondary;
As the deprecated message says:
///colorScheme.secondary
ThemeData(colorScheme: ColorScheme(secondary:Colors.white ),);
you need to add a color scheme because accent color is deprecated.
body: const Center(child: const Text('BMI Calculator')),
floatingActionButton: Theme(
data: ThemeData(
colorScheme:
ColorScheme.fromSwatch().copyWith(secondary: Colors.white),
),
child: FloatingActionButton(
child: const Icon(
Icons.add,
),
onPressed: () {},
),
),
