Flutter重建Android文件夹后Material UI默认样式丢失问题排查

针对你遇到的Material组件样式异常问题，结合重建Android文件夹的操作，可能是以下原因导致，对应解决方法如下：

1. Flutter默认启用了Material 3主题 #

从Flutter 3.10版本开始，Material 3成为默认主题，它的组件样式和传统Material 2差异很大：比如ElevatedButton默认是紫色，AppBar默认使用surface色（偏白），即使设置了primarySwatch: Colors.blue也会被Material 3的默认逻辑覆盖。

解决方法：在ThemeData里强制指定使用Material 2：

theme: ThemeData(
  primarySwatch: Colors.blue,
  useMaterial3: false, // 关闭Material 3，回到Material 2样式
),

如果想继续使用Material 3但调整颜色，需要改用colorScheme配置：

theme: ThemeData(
  colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue), // Material 3的颜色配置方式
  useMaterial3: true,
),

2. Android原生主题配置冲突 #

重建Android文件夹后，自动生成的styles.xml可能存在主题继承问题，导致Flutter主题无法正常生效。

检查android/app/src/main/res/values/styles.xml文件，确保NormalTheme继承自Flutter兼容的Material主题：

<style name="NormalTheme" parent="@style/Theme.MaterialComponents.DayNight.NoActionBar">
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/accent</item>
</style>

3. 缓存导致样式未更新 #

重建Android项目后，旧的构建缓存可能残留，导致新的主题配置未生效。执行以下命令清除缓存并重新构建：

flutter clean
flutter pub get
flutter run

4. 全局主题被意外覆盖 #

检查代码中是否存在其他Theme组件（比如MaterialApp内部的父组件），或者是否导入了自定义主题文件，这些都可能覆盖你在MaterialApp中设置的主题。

内容的提问来源于stack exchange，提问作者Bertuz