为何在Flutter中使用Theme时需移除MaterialApp的const修饰符？

未使用主题时的示例（可添加const修饰符） #

此时MaterialApp的所有参数都是编译时常量，因此可以用const修饰：

import 'package:flutter/material.dart';

void main() {
  runApp(const _MyApp());
}

class _MyApp extends StatelessWidget {
  const _MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp( // 👈 const 可正常使用
      home: Scaffold(
        body: Center(
          child: Text(
            "Demo",
          ),
        ),
      ),
    );
  }
}

使用主题时的示例（需移除const修饰符） #

当传入自定义ThemeData时，MaterialApp无法再用const修饰：

import 'package:flutter/material.dart';

void main() {
  runApp(const _MyApp());
}

class _MyApp extends StatelessWidget {
  const _MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp( // 👈 必须移除const
      theme: ThemeData(
        highlightColor: Colors.transparent,
        splashColor: Colors.transparent,
      ),
      home: const Scaffold( // 👈 Scaffold参数都是常量，可保留const
        body: Center(
          child: Text(
            "Demo",
          ),
        ),
      ),
    );
  }
}

用户疑问 #

为何在使用主题时必须移除MaterialApp的const修饰符？这是否仅表示主题无法在编译时确定？
仅指定颜色的情况下，似乎应该能在编译时确定，例如如下为Text指定颜色时仍可为MaterialApp保留const修饰符的示例：

import 'package:flutter/material.dart';

void main() {
  runApp(const _MyApp());
}

class _MyApp extends StatelessWidget {
  const _MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text(
            "Demo",
            style: TextStyle(color: Colors.red),
          ),
        ),
      ),
    );
  }
}

解答 #

核心原因在于const修饰的对象要求所有传入的参数必须是编译时常量，且对应的构造函数必须是const构造函数：

1. MaterialApp本身支持const构造，但前提是所有传入的参数都得是编译时常量。
2. 你示例中使用的ThemeData(...)是普通构造函数，它不是const构造，生成的ThemeData实例无法在编译阶段确定（即使你传入的颜色是const值），因此不能作为const参数传给MaterialApp，导致整个MaterialApp无法用const修饰。
3. 而第三个示例里的TextStyle(color: Colors.red)，TextStyle的构造函数是const构造，且Colors.red是编译时常量，所以这个TextStyle是合法的const值，所有传给MaterialApp的参数都符合要求，因此可以保留const修饰符。
4. 补充：如果想用const的ThemeData，可以使用Flutter提供的const工厂构造方法，比如ThemeData.light()，此时传入const ThemeData.light()作为theme参数，MaterialApp就能重新添加const修饰符：

return const MaterialApp(
  theme: const ThemeData.light(),
  home: const Scaffold(
    body: Center(child: Text("Demo")),
  ),
);

内容的提问来源于stack exchange，提问作者shingo.nakanishi