Flutter中build方法外的ButtonCount变量热重载后值不保留问题

为什么热重载后ButtonCount会重置为0？ #

最可能的原因是你误触发了热重启（Hot Restart）而非热重载（Hot Reload）：

• 热重载（闪电图标）：仅重新加载代码变更，保留应用当前状态，State类中声明的变量值会被保留。
• 热重启（圆形箭头图标）：完全重启应用，所有状态都会被重置为初始值。

你的代码中，ButtonCount确实正确声明在State类的build方法外，正常情况下热重载后应该保留其值。如果确认使用了热重载但仍出现重置，可能是State实例因代码结构变更（比如修改了State类的成员变量定义）被重新创建。

解决方案 #

如果你需要确保计数在热重载甚至热重启后都能保留，可以采用以下方法：

1. 使用静态变量（简单但有局限性）

将ButtonCount改为类级静态变量，它不受State实例重建影响：

class _DicePageState extends State<DicePage> {
  static int ButtonCount = 0; // 改为静态变量

  @override
  Widget build(BuildContext context) {
    // 其余代码不变
  }
}

⚠️ 注意：静态变量是类共享的，若页面存在多个DicePage实例，它们会共用同一个计数。

2. 使用持久化存储（可靠，跨会话保留）

通过SharedPreferences将计数保存到设备本地，即使关闭应用再打开也能恢复：

• 第一步：在pubspec.yaml中添加依赖：

dependencies:
  flutter:
    sdk: flutter
  shared_preferences: ^2.2.2 # 版本号以最新为准

• 第二步：修改State类代码：

class _DicePageState extends State<DicePage> {
  int ButtonCount = 0;

  @override
  void initState() {
    super.initState();
    _loadSavedCount(); // 初始化时加载保存的计数
  }

  // 从本地加载计数
  Future<void> _loadSavedCount() async {
    final prefs = await SharedPreferences.getInstance();
    setState(() {
      ButtonCount = prefs.getInt('button_count') ?? 0;
    });
  }

  // 将计数保存到本地
  Future<void> _saveCount(int count) async {
    final prefs = await SharedPreferences.getInstance();
    await prefs.setInt('button_count', count);
  }

  @override
  Widget build(BuildContext context) {
    int ButtonCount1 = 0;
    return Container(
      child: Center(
        child: Row(
          children: [
            Expanded(
              child: Padding(
                padding: const EdgeInsets.all(16.0),
                child: TextButton(
                  onPressed: () {
                    setState(() {
                      ButtonCount++;
                    });
                    _saveCount(ButtonCount); // 保存更新后的计数
                    print(ButtonCount);
                  },
                  child: Image.asset("Pictures/dice1.png"),
                ),
              ),
            ),
            // 右侧按钮代码不变
          ],
        ),
      ),
    );
  }
}

3. 使用状态管理库（适合复杂应用）

对于更复杂的状态需求，可使用Riverpod、Provider或Bloc等状态管理库，它们能在全局或局部范围内稳定管理状态，不受页面重建或热重载影响。

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