VIP20
本课程属于：002-Compose状态提升与槽位布局 移动端与Android应用开发 · 共 20 门相关课程，组合学习更完整。
查看所属VIP全部课程 →
← 返回所属目录 咨询 / 购买

跨平台Navigation导航状态保持与恢复

共计 30 章节
点击此处阅读海量试读课程：100+行业、1000+细分领域
01
导航状态保持概述
核心概念 · 常见场景 · 技术选型对比
导航状态保持概述核心概念
02
React Navigation 6 环境搭建
安装依赖 · 配置导航容器 · 项目结构
ReactNavigation
03
Tab导航状态保持
实现WithLayoutEffect · keepAlive配置 · 源码分析
Tab导航状态保持
04
Stack导航状态保持
保留页面实例 · unmountOnBlur控制 · 手势冲突处理
Stack导航状态保持
05
嵌套导航状态传递
Route params与useRo… · 深层嵌套保持策略
嵌套导航状态传递Route
06
Vue Router 4 状态保持
keep-alive组件包裹 · 动态路由缓存控制
VueRouter
07
Vue Router 路由守卫与状态恢复
beforeRouteLeave · scrollBehavior保存滚动…
VueRouter
08
Flutter Navigator 2.0 状态保持
PageStorageKey · RestorationMixin实现
FlutterNavigator
09
原生iOS UINavigationController状态保持
viewController缓存 · 转场动画保持
iOSUINavigation…
10
原生Android Fragment导航状态保持
FragmentTransactio… · onSaveInstanceStat…
AndroidFragment
11
Web单页应用History API状态保持
popstate事件 · history.state用法
WebHistory
12
表单输入状态保持
受控组件与非受控组件方案 · 防抖保存到sessionStorag…
表单输入状态保持受控组件
13
列表滚动位置恢复
IntersectionObserv… · scrollTo精确恢复 · 虚拟列表适配
列表滚动位置恢复Intersection…
14
多页签浏览器Back/Forward缓存
Page Lifecycle API · bfcache处理
Back/Forward多页签浏览器
15
跨页面状态管理方案
Context/Redux/Zust…
跨页面状态管理方…Context/Redu…
16
状态保持与数据刷新策略
Stale-while-revali… · 缓存过期清理
状态保持数据刷新策略
17
复杂表单步骤导航状态保持
步骤条组件 · 中间状态持久化到本地存储
复杂表单步骤导航…步骤条组件
18
图片/媒体占位状态保持
懒加载状态 · 预加载缓存 · 避免重复请求
图片媒体占位状态保持
19
深链接与状态恢复
Universal Links/Ap… · 冷启动时导航栈重建
深链接状态恢复
20
状态保持中的内存泄漏排查
WeakRef · 清除监听器 · useEffect清理
状态保持内存泄漏排查
21
Android Activity重建与状态恢复
ViewModel + SavedS… · onRestoreInstanceS…
AndroidActivity
22
iOS SceneDelegate状态恢复
NSUserActivity · stateRestorationAc…
iOSSceneDelegat…
23
React Native重连Scheme状态
Linking API监听 · 初始路由获取
ReactNative
24
状态保持的测试方法
Jest模拟导航 · Cypress验证滚动位置 · 快照对比
状态保持的测试方…Jest
25
性能优化
减少不必要的重渲染 · 虚拟化长列表 · 代码分割延迟加载
性能优化减少不必要的重渲…
26
常见错误与调试
状态丢失 · 页面闪烁 · 导航栈错乱
常见错误调试
27
实战案例一
电商App商品列表页保持筛选条件与滚…
实战案例一App
28
实战案例二
社交App feed流保持浏览进度与…
实战案例二App
29
实战案例三
多步骤表单保持每一步输入并在返回时恢…
实战案例三多步骤表单保持每…
30
综合复盘
不同框架方案对比 · 最佳实践清单 · 未来趋势（Compose Navig…
综合复盘不同框架方案对比