为什么Flutter Hot Restart后状态重置但Hot Reload正常？

这个问题其实挺常见的，很多新手都会遇到。咱们先说为什么会出现这个现象，然后再讲怎么解决。

Hot Reload和Hot Restart的工作机制不一样。Hot Reload只是把代码的改动注入到正在运行的应用里，它不会重新执行main函数，也不会重新初始化State对象，所以你的_counter值能保持住。但Hot Restart不一样，它会重启整个应用，重新执行main函数，所有的State对象都会被销毁然后重建，所以_counter会被重置为初始值0。

要解决这个问题，让状态在Hot Restart后也能保留，你需要把状态放到一个全局的地方，而不是放在State对象里。Flutter本身没有直接提供这种功能，但你可以用一个静态变量或者单例模式来实现。

我给你一个简单的改法，用静态变量来存计数器的值：

class _MyHomePageState extends State<MyHomePage> {

  // 使用静态变量存储计数器值

  static int _counter = 0;



  void _incrementCounter() {

    setState(() {

      _counter++;

    });

  }



  @override

  Widget build(BuildContext context) {

    return Scaffold(

      body: Center(child: Text('Count: $_counter')),

      floatingActionButton: FloatingActionButton(

        onPressed: _incrementCounter,

      ),

    );

  }

}

这样改完之后，不管你是Hot Reload还是Hot Restart，计数器的状态都能保持住了。因为静态变量的生命周期是跟应用程序一致的，不会因为Hot Restart而被重置。

不过这里我要提醒一下，这种做法只适合开发调试用。如果你是在做正式项目，建议还是老老实实接受Hot Restart会重置状态这个事实，因为生产环境里用户退出再进来，状态本来就应该重置。我们这么做只是为了提高开发效率，省得每次Hot Restart都要重新点好多次按钮回到之前的测试状态。

对了，还有一种更优雅的做法是用Provider或者Riverpod这些状态管理工具，它们提供了持久化状态的功能，不过对于你现在的场景可能有点杀鸡用牛刀了。等你项目大了自然就会用到这些高级玩意儿了。

这个问题的根本原因是Flutter的Hot Restart和Hot Reload的工作机制有本质区别。我来详细解释一下。

Hot Reload只是把你代码的改动增量更新到正在运行的Dart VM中，它不会重新执行main函数，也不会重新创建State对象。所以你的_counter变量在Hot Reload时会保持原来的值。

但是Hot Restart不一样，它相当于重启了整个Flutter应用。这个过程会重新执行main函数，重新创建所有的Widget树和State对象。这就是为什么每次Hot Restart后，_counter都会重置为初始值0。

要解决这个问题其实有几个方法。最简单的做法是把计数器的值存到一个全局的状态管理工具里，比如Provider或者Riverpod。不过对于你这种简单场景，用SharedPreferences就足够了。

给你一个改造后的代码：

import 'package:shared_preferences/shared_preferences.dart';



class _MyHomePageState extends State<MyHomePage> {

  int _counter = 0;

  late SharedPreferences _prefs;



  @override

  void initState() {

    super.initState();

    _loadCounter();

  }



  Future<void> _loadCounter() async {

    // 获取持久化存储实例

    final prefs = await SharedPreferences.getInstance();

    setState(() {

      _prefs = prefs;

      // 尝试读取之前保存的值，默认是0

      _counter = _prefs.getInt('counter') ?? 0;

    });

  }



  void _incrementCounter() {

    setState(() {

      _counter++;

      // 每次计数都保存到本地

      _prefs.setInt('counter', _counter);

    });

  }



  @override

  Widget build(BuildContext context) {

    return Scaffold(

      body: Center(child: Text('Count: $_counter')),

      floatingActionButton: FloatingActionButton(

        onPressed: _incrementCounter,

      ),

    );

  }

}

这个实现的关键点在于：
1. 使用SharedPreferences来做持久化存储
2. 在initState里异步加载计数器的值
3. 每次修改_counter时都同步保存到本地

这样改完之后，不管是Hot Restart还是完全重启应用，计数器的值都能保持住。当然实际开发中建议封装一下SharedPreferences的操作，这里为了说明问题就直接写了。

说实话，这种状态保持的需求还挺常见的，特别是在调试一些需要登录状态的应用时。用这个方法可以省去反复登录的麻烦。不过要注意的是，正式环境里还是要做好数据清理的逻辑，不能让测试数据一直留着。