SuperAPI AI 工具集

building-native-ui

设计与创作

查看项目

更新于 10-15 23:59

技能介绍

用途:该技能是一份使用 Expo Router 构建美观原生应用的完整指南,覆盖基础、样式、组件、导航、动画、模式与原生标签页,并附带多份参考文档,包括动画(Reanimated 的进入、退出、布局、滚动驱动与手势)、原生 iOS 控件(Switch、Slider、SegmentedControl、DateTimePicker、Picker)、表单 sheet、CSS 渐变、SF Symbols 图标、媒体(相机、音频、视频与文件保存)、路由结构、搜索、存储(SQLite、AsyncStorage、SecureStore)、原生标签页、工具栏与头部、视觉效果(模糊与液态玻璃)、WebGPU 与 Three.js 以及 Apple Zoom 缩放转场。

主要能力与用法:强调优先使用 Expo Go 运行,执行 npx expo start 扫码测试;仅在需要本地 Expo 模块、Apple 目标、Expo Go 未包含的第三方原生模块或自定义原生配置时,才使用 npx expo run:ios、npx expo run:android 或 eas build。代码风格要求使用 import、kebab-case 文件名、路径别名,路由放在 app 目录且不共置组件。样式遵循 Apple HIG,优先 flex gap、padding、安全区,使用内联样式而非 CSS/Tailwind,阴影用 boxShadow,圆角用 borderCurve: 'continuous'。导航使用 expo-router 的 Link、Stack、Link.Preview、上下文菜单、modal 与 formSheet,并推荐 NativeTabs。

适用场景与限制:适合使用 Expo Router 开发 iOS/Android 原生风格应用的开发者。限制包括:CSS 与 Tailwind 不受支持;部分特性如液态玻璃、Apple Zoom 需 iOS 18+/26+;渐变需新架构;工具栏与头部仅 iOS;WebGPU 与 Three.js 用于 3D 场景。资料未提供收费、价格或平台支持范围等更多信息。