Skip to content

flutter-routing-basic

1. 实验目标

用最小 Flutter 路由样例对照:

  • Navigator.push / pop
  • 命名路由 pushNamed
  • 路由参数传递
  • 返回值回传
  • 页面栈行为与 Android Activity / Web 路由的差异

2. 工程要点

  • onGenerateRoute 集中管理命名路由
  • 首页触发跳转,详情页接收参数并返回结果
  • 首页展示最近一次返回值,帮助理解“页面返回数据”

3. 运行方式

bash
cd labs/flutter/host
flutter run -d macos
# 或切到 ios / android

启动后在首页进入 Flutter Routing Basic

4. 预期现象

  • 点击 Open detail with pushNamed 进入详情页
  • 详情页显示传入 title 与 id
  • 点击 Pop with result 返回首页
  • 首页展示最近一次返回值

5. 常见误区

误区实际情况
Flutter 路由就是浏览器 URL不是。默认 Navigator 是内存中的页面栈
push 后原页面会销毁不会。通常留在栈里,直到被 pop 或替换
页面返回值只能全局状态传不是。Navigator.pop(result) 就能直接回传

6. 对应知识库文档

7. 关键源码