观看。建造它。
选择完整的应用程序或集中的原生交互。每张卡都会打开一个指南，其中包含录制内容、可运行源和平台限制。从 您的第一个应用程序 开始，然后按照 Fieldnotes 来编写更多功能。
过滤器描述 平台记录的，但并非该功能支持的每个平台。原生剪辑来自实际的模拟器/仿真器版本。诊断查看器在浏览器中运行，并带有明确的综合教学报告。
10 个匹配示例
iOS 26从这里开始
你的第一个完整流程
列表、详情、模态编辑器和导航守卫。教程中的每个文件也可在 demo 中运行。
观看并查看代码
iOS 26集成应用程序
Fieldnotes
在一个小型应用中组合抽屉导航、搜索、共享操作和状态保留。
观看并查看代码
iOS 26集成应用程序
Airbnb NS
房源列表、收藏、标签页以及从卡片到详情的转场。
观看并查看代码
iOS / iPadOS 18.6容器
自适应抽屉导航
在浮层与固定面板之间切换，同时保留页面、导航历史和草稿。
观看并查看代码
iOS 18.6原生体验
一个操作，多个界面
导航栏和菜单共享操作标题、可用性、忙碌状态和错误。
观看并查看代码
Android 16容器
每个标签页独立的导航历史
导航并切换标签页，再回到每个导航栈中的原位置。
观看并查看代码
Android 16原生流程
带路由的底部面板
在 Material 底部面板中呈现原生页面，并处理导航历史和 Back。
观看并查看代码
Android 16容器
Android 菜单与返回
Back 优先关闭已打开的抽屉，然后才移除页面。
观看并查看代码
Android 16实验性功能
数据、错误和重试
按导航条目观察数据加载，不阻塞原生页面呈现。
观看并查看代码
浏览器工具
诊断查看器
在本地报告中查看导航栈、导航守卫和不一致情况。使用合成演示数据。
观看并查看代码查找特定任务
使用常见任务进行身份验证、未保存的编辑、独立选项卡、深层链接和状态恢复。 功能食谱保留现有视频和可复制片段，包括按版本标识的旧录音。
对于连接到您设备的浏览器编辑器，请尝试 StackBlitz Playground。有关支持的包/运行时基准，请参阅 compatibility。