Flutter（Dart）自定义Theme属性不生效问题求助

以下是针对你提供的代码，全局Theme未生效问题的常见排查方向和解决方法：

1. 子页面Widget硬编码覆盖了全局样式 #

如果Home页面中的AppBar或文本组件自己设置了样式属性（比如backgroundColor、fontFamily），会优先于全局Theme生效。

• 示例错误写法（Home页面内）：

AppBar(
  backgroundColor: Colors.blue, // 硬编码颜色覆盖全局红色
  title: Text("首页", style: TextStyle(fontFamily: "OtherFont")), // 硬编码字体
)

• 修正写法：

AppBar(
  title: Text("首页"), // 不设置局部属性，自动继承全局Theme
)

2. 字体资源未正确导入 #

全局设置fontFamily: "Sixtyfour"后，需确保字体文件已正确配置到项目中：

1. 在项目根目录创建fonts文件夹，放入Sixtyfour字体文件（如Sixtyfour-Regular.ttf）
2. 在pubspec.yaml中添加字体配置：

flutter:
  fonts:
    - family: Sixtyfour
      fonts:
        - asset: fonts/Sixtyfour-Regular.ttf

3. 执行flutter pub get刷新资源

3. 避免嵌套的MaterialApp/Theme组件 #

如果Home页面内部嵌套了MaterialApp或Theme组件，会覆盖外层全局Theme。确保整个应用只有最外层一个MaterialApp，内部通过Theme.of(context)获取全局样式即可。

你的主页面代码：

import 'package:flutter/material.dart';
import 'package:theme/homepage.dart';

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

class MyApp extends StatefulWidget {
    const MyApp({super.key});

    @override
    State<StatefulWidget> createState() {
        return _MyAppState();
    }
}

class _MyAppState extends State<MyApp> {
    @override
    Widget build(BuildContext context) {
        return MaterialApp(
            debugShowCheckedModeBanner: false,
            theme: ThemeData(
                appBarTheme: AppBarTheme(backgroundColor: Colors.red),
                fontFamily: "Sixtyfour"
            ),
            home: Home(),
        );
    }
}

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