如何在 Flutter 中獲取小部件內部的主題顏色

Question

我有這個：

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

所以我將primarySwatch顏色設置為blueGrey 。 如何在MainWidget class 中訪問此顏色？

我想設置與AppBar顏色相同的背景。

Answer 1

我不確定是否有一種方法可以在像這樣的小部件內使用primarySwatch但如果您正在尋找AppBar顏色，它實際上是primaryColor並且您可以使用它

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

Answer 2

您可以使用：

顏色：Theme.of(context).primarySwatch;

或者

您可以通過以下方式更改主主題類中的primaryswatch顏色，而不是在您的類中更改-

單擊 ctrl + primarySwatch，您將進入 theme_data 頁面，在那里您可以根據自己的喜好更改主題顏色。

Answer 3

請創建 AppTheme class 並設置深色和淺色主題

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

  home: SplashScreen(),
);

}