Flutter点击按钮实现游戏应用一键Hot Restart的方法咨询

Hot Restart的本质是重置整个应用的全部状态、重新执行main函数并构建全新的Widget树，无需引入第三方包，通过Key重置根组件的原生方案就可以实现完全一致的体验，性能开销最低。

实现步骤 #

• 给根GameUI组件绑定一个全局唯一Key，当Key变更时Flutter会自动销毁旧的组件树，清空所有页面状态，重建全新的组件树
• 封装全局重启方法，按钮点击时触发Key变更并通知根节点重建即可

完整修改后代码 #

import 'dart:math';
import 'package:flutter/material.dart';

// 全局Key，用于控制根组件重置
var appKey = UniqueKey();

void main() {
  // 移除原有const修饰，因为Key是可变参数
  runApp(GameUI(key: appKey));
}

// 全局重启方法，调用即可触发完全重启
void restartApp() {
  appKey = UniqueKey();
  // 触发根节点重建
  (WidgetsBinding.instance.rootElement as Element).markNeedsBuild();
}

class GameUI extends StatefulWidget {
  const GameUI({Key? key}) : super(key: key);
  @override
  _GameUIState createState() => _GameUIState();
}

class _GameUIState extends State<GameUI> {
@override
 Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Center(child: Text('Block Memory Game')),
        ),
        body: Stack(children: [

/* 此处保留你原有的完整游戏代码即可 */

          Align(
            alignment: Alignment.bottomCenter,
            child: ElevatedButton(
              onPressed: (){
                // 直接调用重启方法
                restartApp();
              },
                child:
                const Text('Restart Game')
            ),
          )
        ]),
      ),
    );
  }
}

注意事项 #

如果你在游戏中用到了全局静态变量、单例资源，需要在restartApp方法中手动重置这些资源的状态，示例如下：

void restartApp() {
  // 示例：重置全局单例、静态变量
  GameConfigSingleton.instance.reset();
  globalScore = 0;
  // 再执行重建逻辑
  appKey = UniqueKey();
  (WidgetsBinding.instance.rootElement as Element).markNeedsBuild();
}

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