Flutter中不依赖游戏引擎如何实现页面组件暂停与恢复

Flutter没有提供一键冻结页面所有Widget运行逻辑的内置能力，但不需要引入游戏引擎，组合以下几种方案就能实现点击暂停后计时器、计数逻辑、动画全部停止，再次点击恢复的效果：

• 帧调度拦截（覆盖场景最广）
  Flutter中绝大多数和界面刷新相关的逻辑——包括官方动画组件、Ticker驱动的自定义动效、滚动效果、依赖帧回调实现的计数/计时逻辑，底层都依赖SchedulerBinding的帧调度派发。可以通过自定义Binding的方式增加全局暂停开关，暂停时直接停止帧回调派发，所有依赖帧刷新的逻辑会直接卡在当前状态，恢复后接着之前的进度继续运行，不需要逐个修改业务组件的逻辑。
  注意：Dart原生的Timer类实现的定时逻辑不会被帧调度拦截，这类逻辑需要配合统一封装处理。

• 顶层状态统一管控
  对于自己实现的业务计数、原生Timer逻辑，可以在页面最外层维护一个全局的isPaused状态：

  1. 对Timer、动画控制器做一层统一封装，所有实例初始化时自动注册到顶层的管理列表
  2. 触发暂停时，遍历列表停止所有动画控制器、取消活跃Timer，同时记录每个实例当前的运行进度、已执行时长
  3. 触发恢复时，按照之前记录的进度重建Timer、重启动画控制器
     这个方案可控性最高，可以自由选择哪些逻辑需要暂停、哪些保持运行，缺点是业务逻辑多的时候需要提前做好封装，漏注册的逻辑不会被暂停。

• TickerMode快速管控动画
  如果页面逻辑以动画为主，自定义定时/计数逻辑很少，可以直接在页面外层嵌套TickerMode组件：暂停时将enabled参数设为false，子树内所有依赖Ticker的动画（包括隐式动画、组件自带动效）会自动停止，恢复时将参数设回true即可继续运行。这个方案实现成本最低，但无法管控独立的Timer和业务计数逻辑。

实操时可以组合以上方案：用TickerMode管控所有内置动画，用自定义Binding拦截帧调度，对原生Timer做统一的暂停判断封装，只需要少量基础封装工作就能实现全页面无死角的暂停/恢复效果。

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