Flutter使用setState切换主题无效果 仅热重载后生效问题求助

• 核心原因是setState的生效范围有限：你在_MyHomePageState中调用setState，只会触发MyHomePage以及它的子节点重建，而配置主题的MaterialApp位于_MyAppState的build方法中，_MyAppState没有收到重建通知，所以它读取的Th.themeMode还是切换前的旧值，自然不会触发主题更新。
• 热重载会触发全量Widget树重建，所有组件都会重新读取最新的Th静态变量值，所以切换后的主题会正常生效。
• 额外补充一处代码瑕疵：Th中isDark初始值为false，但themeMode初始值是ThemeMode.dark，二者初始状态不匹配，首次运行时会出现Switch状态和实际主题不一致的问题。

你只需要在修改主题配置后，让持有MaterialApp的_MyAppState触发重建即可，最小改动可参考如下代码：

import 'package:flutter/material.dart';

mixin Th {
  static ThemeMode themeMode = ThemeMode.light;
  static bool isDark = false;
}

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  static String title = 'Hello Flutter';
  // 存储App全局State实例，仅做演示，生产环境推荐用Provider、Riverpod等状态管理库更优雅地实现
  static _MyAppState? appState;
  _MyAppState createState() {
    appState = _MyAppState();
    return appState!;
  }
}

class _MyAppState extends State<MyApp> {
  // 新增触发App层重建的方法
  void refreshTheme() {
    setState(() {});
  }

  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: MyHomePage(),
      title: MyApp.title,
      themeMode: Th.themeMode,
      theme: ThemeData.light(), // 补充浅色主题配置，之前的代码缺失该配置
      darkTheme: ThemeData.dark(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(MyApp.title),
        actions: [
          Switch(
            value: Th.isDark,
            onChanged: (newValue) {
              setState(() {
                Th.isDark = newValue;
                Th.themeMode = newValue ? ThemeMode.dark : ThemeMode.light;
                // 通知App层重建更新主题
                MyApp.appState?.refreshTheme();
              });
            },
          ),
        ],
      ),
    );
  }
}

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