Question 397372 in Flutter Question posted in
The official Flutter documentation can be found here.

Flutter – Access ThemeData property inside ThemeData definition

In my Flutter app I declare ThemeData with a colorSchemeSeed:

return MaterialApp(
  ...
  theme: ThemeData(
    useMaterial3: true,
    visualDensity: VisualDensity.adaptivePlatformDensity,
    colorSchemeSeed: Colors.blueGrey,
    ...
    floatingActionButtonTheme: FloatingActionButtonThemeData(
      backgroundColor: ?
    ),
  ),
  ...
);

I would like to redefine the backgroundColor of the FloatingActionButton using tertiaryContainer color.
Anywhere else in the code I can set this property to FloatingActionButton:

backgroundColor: Theme.of(context).colorScheme.tertiaryContainer,

However, I would like to redefine this property directly in the theme declaration, so that I don’t have to do it everywhere and so that I don’t define a widget on purpose.

It’s possible to do it? If yes, in what way?
Thanks in advance!

Tags:

2

Answers


  1. 0

    Unless I don’t understand the question, why don’t you do something like:

    MaterialApp(
      theme: ThemeData(
        useMaterial3: true,
        visualDensity: VisualDensity.adaptivePlatformDensity,
        colorSchemeSeed: Colors.blueGrey,
        floatingActionButtonTheme: FloatingActionButtonThemeData(
          backgroundColor: (ColorScheme.fromSeed(seedColor: Colors.blueGrey))
              .tertiaryContainer, // --> Set the FAB color here
        ),
      ),
    );
    Login or Signup to reply.
  2. 0

    You can define a first variable theme and reuse it:

    final theme = ThemeData(
  useMaterial3: true,
  visualDensity: VisualDensity.adaptivePlatformDensity,
  colorSchemeSeed: Colors.blueGrey,
);
MaterialApp(
  return theme.copyWith(
    floatingActionButtonTheme: FloatingActionButtonThemeData(
      backgroundColor: theme.colorScheme.tertiaryContainer,
      ),
  ),
);
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search