While using GetMaterialApp fontFamily for the Theme is not Changing

Question

I am using Getx for my state management. So When I Change MaterialApp to GetMaterialApp, the fontFamily switched back to the default.

pubspec.yaml file

flutter:
  uses-material-design: true
  fonts:
    - family: Sen
      fonts:
        - asset: assets/fonts/Sen-Regular.ttf
          weight: 300
        - asset: assets/fonts/Sen-Bold.ttf
          weight: 700

and I have saved Sen.ttf files in the assets/fonts folder

main.dart

Widget build(BuildContext context) {
    return GetMaterialApp(
      theme: ThemeData(
        colorScheme: ColorScheme.fromSwatch().copyWith(
        primary: kPrimaryColor,
        secondary: kSecondaryColor,
       ),
      fontFamily: "Sen"
      )
      debugShowCheckedModeBanner: false,
      home: const MainScreen(),
    );
  }

If I switch back to MaterialApp font will work fine.
Any help will be appreciated, Thank You.

Removing the leading `assets` folder might help: `- asset: fonts/Sen-Bold.ttf` — Dabbel, May 26 '22 at 20:29
I tried to reproduce the problem, but everything for fine for me with `GetMaterialApp` and `fontFamily`. The only difference is that I use ` getPages:` instead of `home:`. — Dabbel, May 27 '22 at 14:55

score 1 · Answer 1 · answered May 27 '22 at 14:24

I have tried using the minimal code but everything works for me. The font changes as you can see in the VIDEO DEMO. I suggest you to clean the cache or update the packages version to latest

Example

Widget build(BuildContext context) {
    return GetMaterialApp(
      debugShowCheckedModeBanner: false,
      initialRoute: RoutesName.homePage,
      getPages: Routes.getPages(),
      initialBinding: InitialBindings(),
      theme: ThemeData(fontFamily: "Blaka"),
    );
  }

pubspec file

flutter:
  uses-material-design: true

  fonts: 
    - family: Blaka
      fonts: 
        - asset: assets/fonts/Blaka/Blaka-Regular.ttf

Really appreciate the effort you put into this, thank you. I will try and update — Sanjay TM, May 27 '22 at 16:12

score 0 · Accepted Answer · answered May 30 '22 at 11:49

Once this happened to me while working with some google fonts. I tried different methods, there is nothing wrong with GetMaterialApp()
Option 1: flutter clean to clear all data, then update all the packages, and then flutter pub get
Option 2: Initialy this is what I did. In the textTheme, add TextStyle for different types of text (headline1,bodyText1,etc)

fontFamily: "Sen",
textTheme: const TextTheme(
   headline1: TextStyle(
     fontSize: 96.0,
     fontWeight: FontWeight.w300,
     fontFamily: 'Sen',
     color: kPrimaryTextColor,
   )

Option 3: If nothing works, try flutter upgrade

The second method worked for me thank you. – Sanjay TM May 30 '22 at 13:17 — Sanjay TM, May 30 '22 at 13:17

score 0 · Answer 3 · answered Sep 06 '22 at 11:24

0

I had to move the fonts directory into the top-level directory so the path for the fonts in the pubspect.yaml file would be.

fonts/

instead of

assets/fonts

(I also had to correct the indentation in the pubspec)

answered Sep 06 '22 at 11:24

Daniel Hignell

85
1
7

While using GetMaterialApp fontFamily for the Theme is not Changing

3 Answers3