Flutter应用中AlertDialog未适配Material3问题求助

1. 修正全局主题配置方式 #

确保ThemeData基于Material3的ColorScheme构建，而非仅在旧版ThemeData中开启useMaterial3。正确配置示例：

ThemeData(
  colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
  useMaterial3: true,
)

仅设置useMaterial3: true可能无法完全覆盖组件样式逻辑，基于ColorScheme构建是Material3的标准实现方式。

2. 显式配置Dialog的Material3样式 #

在全局主题中添加dialogTheme配置，强制AlertDialog遵循Material3设计规范：

ThemeData(
  colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
  useMaterial3: true,
  dialogTheme: DialogTheme(
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(16.0), // 匹配Material3圆角尺寸
    ),
    backgroundColor: colorScheme.surface,
    elevation: 0, // Material3 Dialog默认无阴影，靠边框区分层级
  ),
)

3. 适配日历组件的Material3样式 #

如果使用Flutter自带日期选择器，需在全局主题中配置datePickerTheme：

ThemeData(
  colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
  useMaterial3: true,
  datePickerTheme: DatePickerThemeData(
    backgroundColor: colorScheme.surface,
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(16.0),
    ),
    headerBackgroundColor: colorScheme.primaryContainer,
    headerForegroundColor: colorScheme.onPrimaryContainer,
  ),
)

若是第三方日历组件，需确认组件是否支持Material3；若不支持，需手动调整其圆角、颜色、阴影等参数以匹配Material3设计。

4. 检查Dialog的上下文环境 #

确保触发AlertDialog的context来自全局Material3主题的上下文，避免使用被其他Theme组件包裹的上下文。示例：

FloatingActionButton(
  onPressed: () {
    showDialog(
      context: context,
      builder: (_) => AlertDialog(
        title: const Text('标题'),
        content: const Text('内容'),
        actions: [TextButton(onPressed: () => Navigator.pop(context), child: const Text('确定'))],
      ),
    );
  },
)

5. 升级Flutter到稳定版 #

旧版本Flutter可能存在Material3组件适配bug，建议升级到最新稳定版，确保所有Material3相关组件逻辑正常。

内容的提问来源于stack exchange，提问作者Aadarsh Madan Kollan