為 darkTheme 更改 AppBar 陰影（高度）顏色

Question

我正在嘗試更改 darkTheme 的 appBar 標高顏色。 在淺色主題上，我不介意原始顏色，但對於深色，它甚至看起來都沒有顏色，因為相同的深色仍然存在。

有什么想法可以僅針對深色主題更改該顏色嗎？

-------------------------------------------------- -------------------------->

請注意，深色主題不包括至少對比的立面顏色，而且我無法找到改變它的方法。

Answer 1

您可以創建明暗模式的主題，

//For dark mode
  ThemeData _buildDarkTheme() {
    final Color primaryColor = AppColors.themeColor;
    const Color secondaryColor = Color(0xffff5722);
    final ThemeData base = ThemeData(
      brightness: Brightness.dark,
      accentColorBrightness: Brightness.light,
      appBarTheme: AppBarTheme(
        elevation: 8,
        ....
      ),
    );
    return base;
  }

//For light mode,
  ThemeData _buildLightTheme() {
    const Color primaryColor = Color(0xFF008FD1);
    const Color secondaryColor = Color(0xffff5722);
    final ThemeData base = ThemeData(
      brightness: Brightness.light,
      accentColorBrightness: Brightness.dark,
    );
    return base;
  }
  final ThemeData kLightGalleryTheme = _buildLightTheme();
  final ThemeData kDarkGalleryTheme = _buildDarkTheme();

然后像這樣應用主題，

  runApp(MaterialApp(
    theme: kLightGalleryTheme,
    darkTheme: kDarkGalleryTheme,
    debugShowCheckedModeBanner: false,
    title: 'Named Routes Demo',
  ));