如何在 Flutter 中获取小部件内部的主题颜色

Question

I have this:

Widget build(BuildContext context) {
    return MaterialApp(
      title: 'AnApp',
      theme: ThemeData(
        primarySwatch: Colors.blueGrey,
      ),
      home: MainWidget()
    );
  }
}

So I have set primarySwatch color to blueGrey . How can I access this color inside the MainWidget class?

I want to set a background the same as the AppBar color.

Answer 1

我不确定是否有一种方法可以在像这样的小部件内使用primarySwatch但如果您正在寻找AppBar颜色，它实际上是primaryColor并且您可以使用它

Color color = Theme.of(context).primaryColor;

Answer 2

You can use:

color: Theme.of(context).primarySwatch;

OR

you can change the primaryswatch color in main theme class instead of changing in your class by -

Clicking on ctrl + primarySwatch, You will be Headed to theme_data page and there you can change your theme color according to your convience.

Answer 3

Please create the AppTheme class and setup dark and light theme

 Widget build(BuildContext context) {
return MaterialApp(
  debugShowCheckedModeBanner: false,
   theme: AppTheme.lightTheme,
   darkTheme: AppTheme.darkTheme,
   themeMode: theme.isDarkMode ? ThemeMode.dark : ThemeMode.light,

  home: SplashScreen(),
);

}