Flutter启用Material3后样式变更，如何全局修改默认卡片颜色与字体？

在Flutter里，我只给MaterialApp的ThemeData加了useMaterial3: true配置，结果好多颜色、字体样式都变了——我知道卡片圆角会改，但没想到字体和卡片颜色全变了。相关代码如下：

child: MaterialApp(
          debugShowCheckedModeBanner: false,
          routes: appRoutes,
          theme: ThemeData(
            useMaterial3: true,
            scaffoldBackgroundColor: const Color(0xFF2b8293),
          ),
          home: const CheckLogin(),
        ),

问题1：不用逐个页面改，能不能全局调整默认卡片颜色和标题字体？ #

完全可以，直接在ThemeData里配置对应的参数就行：

• 全局改卡片颜色：添加cardTheme参数，指定卡片的color：

  cardTheme: const CardTheme(
    color: Color(0xFFyour_target_color), // 换成你想要的颜色值
  ),
  

• 全局改标题字体：通过textTheme或者Material3的typography配置标题样式，比如调整大标题的字体：

  textTheme: const TextTheme(
    headlineLarge: TextStyle(
      fontFamily: 'YourCustomFont', // 替换成你的字体名称
      fontSize: 24,
      fontWeight: FontWeight.w600,
    ),
    // 其他标题样式比如headlineMedium、titleLarge都可以按需配置
  ),
  // 要是想贴合Material3的排版规范，也可以用typography参数
  typography: Typography.material2021(
    fontFamily: 'YourCustomFont',
  ),
  

问题2：竖排三点图标变成深色了，但搜索图标没变色，这咋回事？ #

这是因为Material3对不同组件的图标颜色继承逻辑不一样：

• 竖排三点图标（一般是PopupMenuButton的默认图标）默认会继承ThemeData里的colorScheme.onSurface或者组件自身的主题色，开了Material3后，这个颜色会跟着新的色彩体系自动调成深色。
• 搜索图标如果是TextField的前缀/后缀图标，或者单独的Icon组件，要是没明确指定颜色，可能还在沿用Material2的样式继承逻辑，或者组件的默认颜色没被Material3的主题覆盖。你可以全局配置iconTheme统一设置图标颜色，或者给单个组件指定颜色：

  // 全局统一图标颜色
  iconTheme: const IconThemeData(
    color: Colors.your_desired_color, // 换成你要的颜色
  ),
  

内容的提问来源于stack exchange，提问作者Ten Digit Grid