如何在appbar flutter上更改文本和图标的颜色

Question

我在 Flutter 中更改应用栏上的文本和图标小部件的颜色时遇到问题。

我在 Material 应用程序中尝试过主题，但它不起作用。

它的工作原理：title: Text('Profile', style: TextStyle(color: Colors.black)), 但我想将此应用于所有应用栏。那么我应该在哪里更改材料主题。

MaterialApp(
          title: "My App",
          theme: ThemeData(
            appBarTheme: AppBarTheme(
              backgroundColor: Color(0xffFCD581),
              brightness: Brightness.dark,
            ),

如何更改 text: profile 和 icon 的颜色。全球。

将 headline6 的颜色设置为 Colors.black 有效。但它也使标题文本更小。我可以在 headline6 中设置字体大小，它可以普遍反映。 但是我认为我们通过 appbar 获得的默认标题大小已经足够合适了。那么是否有任何解决方案可以只改变 color 的 appbar text, title 而不会影响 fontsize。

Answer 1

使用 IconButton 作为后退按钮并指定颜色，标题使用 TextStyle 并指定颜色。

1.使用 AppBar：

Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.white,
        leading: IconButton(
          icon: Icon(Icons.arrow_back, color: Colors.red),
          onPressed: () => Navigator.of(context).pop(),
        ),
        title: Text("Sample", style: TextStyle(color: Colors.red),),
        centerTitle: true,
      ),

2.使用主题数据：

theme: ThemeData(
    primaryTextTheme: TextTheme(
      headline6: TextStyle(color: Colors.red),
    ),
    appBarTheme: AppBarTheme(
      iconTheme: IconThemeData(color: Colors.red),
    ),
  ),

输出：

Answer 2

在 iconTheme 小部件中使用 titleTextStyle 的 AppBarTheme 和 MaterialApp 属性。