React Navigation 技能指南用于构建 React Native 应用的导航界面。该技能仅适用于 React Navigation 7,其 API 与模式在其他版本中可能无法正常工作。
用途
该技能面向使用 React Navigation 构建导航 UI 的场景,提供堆栈、标签页、抽屉、表单底部弹层等导航模式的参考文档,并覆盖头部配置、安全区域与内边距处理等内置导航器 UI 的配置。
API 选择
React Navigation 提供两种 API:基于对象的 Static API 与基于组件的 Dynamic API。对于已有应用,应检查当前导航设置,并在使用参考文档时沿用相同的 API 风格;对于新应用,如果尚未存在导航设置,则优先使用 Static API。
主要能力与参考文件
技能附带以下参考文件,按主题组织:stacks.md 介绍基于堆栈的导航;form-sheet.md 介绍底部弹层与表单弹层;bottom-tabs.md 介绍跨平台底部标签页;native-bottom-tabs.md 介绍 iOS 与 Android 上的原生底部标签页;material-top-tabs.md 介绍可滑动的顶部标签页;drawers.md 介绍抽屉导航与侧边栏;header.md 介绍头部配置;safe-areas.md 介绍安全区域处理。
使用方式
技能提供“问题到技能”的映射,便于按需查阅:在堆栈中显示屏幕与模态时从 stacks.md 开始;显示底部弹层或表单弹层时从 form-sheet.md 开始;在底部标签页或支持 Web 的响应式侧边栏中显示屏幕时从 bottom-tabs.md 开始;在 iOS 与 Android 的原生标签页中显示屏幕时从 native-bottom-tabs.md 开始;在可滑动的顶部标签页中显示内容时从 material-top-tabs.md 开始;使用抽屉或侧边栏时从 drawers.md 开始;在底部标签页或抽屉导航器中配置头部时从 header.md 开始;处理状态栏、头部内边距、标签栏内边距等安全区域时从 safe-areas.md 开始。
适用场景
适用于构建堆栈、标签页、抽屉、弹层等导航 UI 模式,配置头部及其他内置导航器 UI,以及在导航 UI 中处理安全区域与内边距。
限制
该技能仅适用于 React Navigation 7,API 与模式可能不适用于其他版本。关于安装命令、收费、价格、平台支持范围等具体信息,资料中暂未提供。