如何移除Flutter新项目中的默认主题样式？

刚建的Flutter新项目自带Material3的默认主题样式，要去掉这些预设样式，你可以试试下面几种方法：

方法1：用基础亮色/暗色主题替换默认配置 #

打开main.dart，找到MaterialApp里的theme参数，换成ThemeData.light()或者ThemeData.dark()，就能清除大部分自定义的默认样式：

MaterialApp(
  title: 'Flutter Demo',
  // 用基础亮色主题，无额外预设样式
  theme: ThemeData.light(),
  // 想要暗色主题就换成下面这行
  // theme: ThemeData.dark(),
  home: const MyHomePage(title: 'Flutter Demo Home Page'),
);

方法2：自定义完全空白的主题 #

要是想彻底清除所有默认样式，你可以手动创建一个几乎无预设的ThemeData，只保留你需要的属性：

MaterialApp(
  title: 'Flutter Demo',
  theme: ThemeData(
    // 清空默认配色方案
    colorScheme: ColorScheme.fromSeed(seedColor: Colors.transparent),
    // 取消默认文本样式
    textTheme: const TextTheme(),
    // 重置AppBar默认样式
    appBarTheme: const AppBarTheme(
      backgroundColor: Colors.transparent,
      elevation: 0,
      titleTextStyle: TextStyle(),
    ),
    // 按需重置其他组件，比如按钮、卡片的默认样式
    elevatedButtonTheme: ElevatedButtonThemeData(
      style: ElevatedButton.styleFrom(backgroundColor: Colors.transparent),
    ),
  ),
  home: const MyHomePage(title: 'Flutter Demo Home Page'),
);

方法3：关闭Material3（适用于新版Flutter） #

新版Flutter默认开启Material3，要是想回到旧版Material的简洁样式，可以直接关闭Material3：

MaterialApp(
  title: 'Flutter Demo',
  theme: ThemeData(
    useMaterial3: false,
    // 搭配基础主题用效果更明显
    // colorScheme: ColorScheme.light(),
  ),
  home: const MyHomePage(title: 'Flutter Demo Home Page'),
);

你可以先从方法1试起，再根据需求调整成自己想要的样式。

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