Home > database >  Flutter textTheme property is not working, How to replace or fix it?
Flutter textTheme property is not working, How to replace or fix it?

Time:02-10

I am new to flutter. I just created a theme file to define light and dark theme.When I defined light theme, the textTheme: property which is deprecated is not changing the text title color of app bar into black.

If I have to create or define textTheme or replace it ?? How should I do it ?

class MyTheme {
  static ThemeData lightTheme(BuildContext context) => ThemeData(
      primarySwatch: Colors.deepPurple,
      fontFamily: GoogleFonts.lato().fontFamily,
      appBarTheme: AppBarTheme(
        color: Colors.white,
        elevation: 0.0,
        iconTheme: IconThemeData(color: Colors.black),

//------
        textTheme: Theme.of(context).textTheme, // Problem is here
//------
      ));

  static ThemeData darkTheme(BuildContext context) =>
      ThemeData(brightness: Brightness.dark);
}

CodePudding user response:

Change it to this

textTheme: Theme.of(context).appBarTheme.textTheme,

PS: It's deprecated. try to migrate.

CodePudding user response:

Use toolbarTextStyle and titleTextStyle instead of using textTheme inside appBarTheme.

toolbarTextStyle:
    Theme.of(context).appBarTheme.toolbarTextStyle?.copyWith(
          color: Colors.amber,
          ///your config
        ),
titleTextStyle:
    Theme.of(context).appBarTheme.titleTextStyle?.copyWith(
          color: Colors.amber, ///your config
        )

More about using theme.

  • Related