Appearance
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) 就能直接回传 |