Flutter中如何让main.dart配置的ThemeData在跳转新页面时保持生效？

正常情况下MaterialApp中配置的全局ThemeData默认会对所有Navigator管理的页面生效，出现不生效的情况可以逐一排查解决：

• 排查1：确认跳转使用的上下文属于MaterialApp子级
  如果调用Navigator.push的位置的context在MaterialApp之外，无法获取到全局主题配置，确保触发跳转的组件是MaterialApp的home或已注册路由的子组件即可。
• 排查2：确认子页面未覆盖主题配置
  检查JournalYearlyPage代码，不要在子页面中再次实例化MaterialApp，如果子页面Scaffold手动配置了backgroundColor、textTheme等属性，删除手动配置项即可自动继承全局主题。
• 排查3：确认组件样式调用方式正确
  如果组件样式写死了固定色值，不会跟随全局主题生效，正确的调用方式需要从全局主题中获取样式：

// 正确示例，自动继承全局主题
Text(
  '测试文本',
  style: Theme.of(context).textTheme.headline5,
)

// 错误示例，写死样式不继承全局主题
Text(
  '测试文本',
  style: TextStyle(color: Colors.black),
)

如果排查后仍有问题，可以使用命名路由的方式跳转，强制统一继承全局主题，修改配置如下：

1. 先在MaterialApp中注册路由表

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Tasklist App',
      theme: ThemeData(
        // 原有主题配置保持不变
        primarySwatch: Colors.blue,
        primaryColor: Colors.tealAccent,
        primaryColorLight: Colors.lightBlue,
        primaryColorDark: Colors.blueGrey,
        backgroundColor: Colors.black54,
        dividerColor: Colors.teal,
        brightness: Brightness.dark,
        textTheme: TextTheme(
          bodyText1: TextStyle(color: Colors.white),
          subtitle2: TextStyle(color: Colors.black54),
          subtitle1: TextStyle(color: Colors.white),
          headline2: TextStyle(color: Colors.white),
          headline3: TextStyle(color: Colors.white),
          headline4: TextStyle(color: Colors.white),
          headline5: TextStyle(color: Colors.white),
          headline6: TextStyle(color: Colors.white),
        ),
      ),
      home: Controller(title: 'tasklist home'),
      // 新增路由表配置
      routes: {
        '/journal_yearly': (context) => JournalYearlyPage(),
        // 其余页面路由也可在此统一注册
      },
    );
  }
}

2. 修改跳转代码为命名路由跳转

Navigator.pushNamed(context, '/journal_yearly');

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