Flutter路由如何实现页面跳转与参数传递？

Flutter 路由是移动应用开发中不可或缺的核心功能，它负责管理页面之间的跳转、传递数据以及控制页面栈的生命周期，在 Flutter 中，路由机制基于 Navigator 组件和路由表（Routing Table）实现，开发者可以通过声明式或命令式的方式灵活管理页面流转。

Flutter 路由的基础概念

Flutter 中的路由本质上是页面的抽象表示，每个路由对应一个 Widget，Navigator 作为路由管理的核心，提供了 push、pop、replace 等方法来操作路由栈。Navigator.push(context, MaterialPageRoute(builder: (context) => SecondPage())) 会将新页面压入栈顶，而 Navigator.pop(context) 则会弹出当前页面。

路由的注册方式主要分为两种：

静态路由：通过 MaterialApp 的 routes 参数直接注册路由表，适用于页面较少的场景。
```
routes: {
  '/second': (context) => SecondPage(),
}
```
动态路由：通过 onGenerateRoute 回调动态生成路由，适合需要参数传递或条件判断的场景。

路由进阶：命名路由与路由参数

命名路由通过给路由分配名称（如 /home）来简化跳转逻辑，支持在页面间传递参数，跳转时携带参数：

Navigator.pushNamed(context, '/detail', arguments: {'id': 123});

接收页面通过 ModalRoute.of(context)!.settings.arguments 获取参数。

对于复杂参数传递,可定义模型类或使用 Map 结构化数据，避免硬编码导致的维护问题。

路由管理与状态保持

默认情况下,页面在 pop 后会被销毁，若需保持状态，可采用以下方法：

AutomaticKeepAliveClientMixin：通过混入该类并调用 super.wantKeepAlive() 保持页面状态。
路由管理工具：如 Provider、Riverpod 等状态管理方案，将数据提升到顶层，避免依赖页面生命周期。

路由动画与过渡效果

Flutter 提供了丰富的路由动画 API，可通过 PageRouteBuilder 自定义过渡效果：

Navigator.push(
  context,
  PageRouteBuilder(
    transitionDuration: Duration(milliseconds: 300),
    transitionsBuilder: (context, animation, secondaryAnimation, child) {
      return FadeTransition(opacity: animation, child: child);
    },
    pageBuilder: (context, animation, secondaryAnimation) => NextPage(),
  ),
);

常见的过渡效果包括淡入淡出、滑动、缩放等，可通过 Tween 和 AnimationController 精细控制。