SuperAPI AI 工具集

building-native-ui

前端与建站

查看项目

更新于 10-16 00:04

技能介绍

用途:为使用 Expo Router 开发 iOS/Android 原生风格应用提供完整实践指南,涵盖基础、样式、组件、导航、动画、模式与原生标签。

主要能力:给出路由约定、组件与库偏好、响应式与安全区处理、样式与文本规范、导航(Link、Stack、Context Menu、Preview、Modal、Sheet)以及常见目录结构示例。参考文档覆盖动画(Reanimated)、原生控件(Switch、Slider、SegmentedControl、DateTimePicker、Picker)、表单 sheet、CSS 渐变(experimental_backgroundImage,仅新架构)、SF Symbols 图标(expo-image sf: 源)、媒体(相机、音频、视频、文件保存)、路由结构、搜索(useSearch)、存储(SQLite、AsyncStorage、SecureStore)、原生标签(NativeTabs)、工具栏与头部、视觉特效(expo-blur、expo-glass-effect)、WebGPU 与 Three.js、Apple Zoom 转场(iOS 18+)。

使用方式:优先用 Expo Go,运行 npx expo start 并扫码;仅在使用本地 Expo 模块、Apple targets、Expo Go 未包含的第三方原生模块或无法在 app.json 表达的配置时,才用 npx expo run:ios/android 或 eas build。路由放 app 目录,用 _layout.tsx 定义 Stack,用 Stack.Screen 设置标题,用 expo-router 的 Link 导航。库偏好包括 expo-audio、expo-video、expo-image、react-native-safe-area-context、process.env.EXPO_OS、React.use,不再使用 Picker、WebView、SafeAreaView、AsyncStorage、legacy expo-permissions。样式用内联样式,不支持 CSS 与 Tailwind,用 boxShadow 替代旧阴影,用 flex gap 替代 margin 和 padding,用 useWindowDimensions 测量屏幕。

适用场景:面向需要快速构建符合 Apple 人机界面指南的原生应用开发者,特别是 iOS 原生标签、视觉效果与转场。

限制:部分能力仅限 iOS(工具栏、菜单、Apple Zoom 等),渐变仅限新架构,Expo Go 不支持自定义原生模块;付费、价格与具体平台支持范围未提供。