The method 'of' isn't defined for the type 'ThemeProvider'. in Flutter

Question

I am Beginner to Flutter just following the YouTube tutorial on building User Profile while doing everything is OK but Theme Provider gave me the error I didn't understand What's going on can You guys help me, the error is The method 'of' isn't defined for the type 'ThemeProvider', I am getting error at

@override
  Widget build(BuildContext context) {
    final user = UserPreferences.getUser();
    return ThemeProvider(
      initTheme: user.isDarkMode ?  MyThemes.darkTheme : MyThemes.lightTheme,
      child: Builder(
        builder: (context) => MaterialApp(
          debugShowCheckedModeBanner: false,
          theme: ThemeProvider.of(context),
          title: title,
          home:  const ProfilePage(),
        ),
      ),
    );
  }

and full code is so long so I Attaching github link for reference, Thanking You Advance.

After updating theme_provider in dependency I got 2 more errors below I attached a screenshot of it.

Did you read this link: https://pub.dev/packages/theme_provider — M Karimi, Feb 14 '22 at 06:15

score 0 · Answer 1 · answered Dec 14 '21 at 11:55

0

It is themeOf not of. You can check the official docs here

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final user = UserPreferences.getUser();
    return ThemeProvider(
      initTheme: user.isDarkMode ?  MyThemes.darkTheme : MyThemes.lightTheme,
      child: Builder(
        builder: (context) => MaterialApp(
          debugShowCheckedModeBanner: false,
          theme: ThemeProvider.themeOf(context),
          title: title,
          home:  const ProfilePage(),
        ),
      ),
    );
  }
          ),
        ),
      ),
    );
  }
}

answered Dec 14 '21 at 11:55

Saral Karki

4,530
2
7
10

Hey @Saral still getting error, The method 'themeOf' isn't defined for the type 'ThemeProvider' – shanmkha Dec 14 '21 at 12:12
Did you add theme_provider in your dependency and import it in your file? – Saral Karki Dec 14 '21 at 13:03
Because I cannot see that in your github code – Saral Karki Dec 14 '21 at 13:04
No, but now I added theme_provider in dependency and import it, and now I got 2 more errors I will update the screenshot of the error u can see it above. – shanmkha Dec 14 '21 at 15:26

score 0 · Answer 2 · answered Feb 08 '22 at 08:56

0

Don't skip reading Documentation.Keep on mind your Module docs.

This is the sample of your package owner.Be careful check.

    ThemeProvider(
          initTheme: initTheme,
   ---->  builder: (context, myTheme) {
            return MaterialApp(
              title: 'Flutter Demo',
        ----> theme: myTheme,
              home: MyHomePage(),
            );
          }),
        ),

answered Feb 08 '22 at 08:56

AG007

1
1

Can you explain what is 'myTheme' please? – M Karimi Feb 14 '22 at 06:17

score 0 · Answer 3 · answered Feb 28 '22 at 10:56

0

i believe its been change to

ThemeModelInheritedNotifier.of(context).theme.brightness

you can use a builder in you material app and pass theme throught it as done in the documentaion here

answered Feb 28 '22 at 10:56

IBRAHIM ALI MUSAH

831
10
19

score 0 · Answer 4 · answered Apr 29 '22 at 23:29

I resolved it after hours trying... Uff..

Lets go, I don't know what happened with this package, but have an error.

But for our happiness, I resolved it with a little trap... rsrs

We need tell to "theme: ," a context of ThemeProvider, but the library is bugged.

Then, I tried it.

tell to theme: same code that initTheme.

theme: user.isDarkMode ? MyThemes.darkTheme : MyThemes.lightTheme,

is worth.

put the same code that "initTheme: xxxxx," in "theme: xxxxx".

Worthed for me.

@override
  Widget build(BuildContext context) {
    const user = UserPreferences.myUser;
    return ThemeProvider(
      initTheme: user.isDarkMode ? MyThemes.darkTheme : MyThemes.lightTheme,
      child: Builder(
        builder: (context) => MaterialApp(
          title: 'MyTitle',
          theme: user.isDarkMode ? MyThemes.darkTheme : MyThemes.lightTheme,
          scrollBehavior: SBehavior(),
          home: const SplashArt(),
          debugShowCheckedModeBanner: false,
        ),
      ),
    );
  }

The method 'of' isn't defined for the type 'ThemeProvider'. in Flutter

4 Answers4