Flutter 中的路由恢复：保存与恢复导航状态

在 Flutter 中，使用 RestorableRouteFuture 和 RestorationMixin 来保存和恢复导航状态。通过 Navigator.restorablePush 方法实现路由恢复。

在 Flutter 中，路由恢复（Route Restoration）用于保存和恢复应用的导航状态，通常用于处理应用被系统销毁后重新启动的场景。要实现路由恢复，需在 MaterialApp 或 CupertinoApp 中启用 restorationScopeId，并在页面中使用 RestorableRouteFuture 或 RestorableProperty 来保存和恢复状态。通过 Navigator.restorablePush 等方法进行页面跳转，系统会自动管理路由栈的保存与恢复。

在 Flutter 中，路由恢复（Restoration）是一种机制，允许应用程序在用户重新打开应用时恢复之前的状态，包括导航状态。这对于提升用户体验非常重要，尤其是在移动设备上，用户可能会频繁切换应用。

1. 启用路由恢复

要启用路由恢复，首先需要在应用的根组件中使用 RestorationScope，并确保 MaterialApp 或 CupertinoApp 的 restorationScopeId 属性被设置。

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      restorationScopeId: 'app',
      home: HomePage(),
    );
  }
}

2. 保存和恢复导航状态

Flutter 的 Navigator 会自动处理路由的保存和恢复，前提是你使用了 MaterialApp 或 CupertinoApp 的 restorationScopeId。当用户离开应用并返回时，Navigator 会自动恢复到之前的路由栈。

3. 自定义恢复状态

如果你需要保存和恢复自定义的状态，可以使用 RestorableProperty 或 RestorableRouteFuture 等类。例如，保存和恢复一个计数器：

class CounterPage extends StatefulWidget {
  @override
  _CounterPageState createState() => _CounterPageState();
}

class _CounterPageState extends State<CounterPage> with RestorationMixin {
  final RestorableInt _counter = RestorableInt(0);

  @override
  String get restorationId => 'counter_page';

  @override
  void restoreState(RestorationBucket? oldBucket, bool initialRestore) {
    registerForRestoration(_counter, 'counter');
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Counter')),
      body: Center(
        child: Text('Count: ${_counter.value}'),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          setState(() {
            _counter.value++;
          });
        },
        child: Icon(Icons.add),
      ),
    );
  }
}

4. 手动管理恢复状态

在某些情况下，你可能需要手动管理恢复状态。可以通过 RestorationBucket 来实现。你可以将状态保存在 RestorationBucket 中，并在需要时恢复。

总结

Flutter 的路由恢复机制非常强大，能够自动处理大部分导航状态的保存和恢复。通过使用 RestorableProperty 和 RestorationMixin，你可以轻松地保存和恢复自定义的状态，从而提升用户体验。