用途:该技能用于在 Expo Router 下构建美观的原生应用,覆盖基础、样式、组件、导航、动画、模式与原生标签页,并配套 references/ 下的动画、控件、表单、渐变、图标、媒体、路由结构、搜索、存储、标签页、工具栏与头部、视觉效果、WebGPU 与 Three.js、Apple 缩放转场等文档。
主要能力:提供路由约定(app 目录、动态路由、分组、文件夹组织)、导航(Link、Stack、模态、表单 sheet、上下文菜单、预览)、样式(Apple HIG、flex gap、安全区、boxShadow、Color API 语义色)、组件与库偏好(expo-image、expo-audio、expo-video、expo-glass-effect、react-native-safe-area-context 等)、响应式与行为规范(ScrollView contentInsetAdjustmentBehavior、useWindowDimensions、expo-haptics)。
使用方式:先运行 npx expo start 并用 Expo Go 扫码验证;仅在需要本地 Expo 模块、Apple 目标、Expo Go 未含的第三方原生模块或 app.json 无法表达的原生配置时,才使用 npx expo run:ios、npx expo run:android 或 eas build。代码风格要求顶部 import、文件名 kebab-case、移动或重构导航时删除旧路由文件、配置 tsconfig.json 路径别名。
适用场景:需要按 iOS/Android 原生规范搭建 Expo Router 应用界面、导航与交互时。
限制:CSS 与 Tailwind 不受支持,需用内联样式;不要使用已从 React Native 移除的模块或旧版 expo-permissions;SDK 56+ 不要直接从 @react-navigation/* 导入;Color/PlatformColor 不可传入 Reanimated 样式;部分第三方属性仅接受字符串需转换。命令、API 行为、定价、配额、凭据与部署效果应以当前官方文档为准,示例不能替代环境测试、安全审查或用户批准。