SuperAPI AI 工具集

building-ui

设计与创作

查看项目

更新于 10-15 21:52

技能介绍

用途:这是一份使用 Expo Router 构建应用界面的完整指南,覆盖基础、样式、组件、导航、动画、模式与原生标签页,并遵循 Apple 人机界面指南。

主要能力与参考文档:提供路由结构(动态路由、查询参数、分组、目录组织)、原生标签栏 NativeTabs 与从 JS 标签迁移、SF Symbols 图标、原生 iOS 控件(Switch、Slider、SegmentedControl、DateTimePicker、Picker)、模糊与液态玻璃视觉效果、Reanimated 动画、搜索栏集成、CSS 渐变、媒体处理、数据存储(SQLite、AsyncStorage、SecureStore)、WebGPU 与 Three.js 3D 图形等参考文件。

使用方式:优先用 Expo Go 运行,执行 npx expo start 后扫码测试;仅在使用本地 Expo 模块、Apple 目标、Expo Go 不含的第三方原生模块或自定义原生配置时,才需要 npx expo run:ios、npx expo run:android 或 eas build。路由放在 app 目录,用 _layout.tsx 定义 Stack,用 Link 与 Link.Preview 导航,用 Stack.Screen 设置标题、模态与表单 sheet。

限制与约定:不使用已从 React Native 移除的模块(Picker、WebView、SafeAreaView、AsyncStorage),不使用旧版 expo-permissions,用 expo-audio、expo-video、expo-symbols、react-native-safe-area-context、process.env.EXPO_OS、React.use、expo-image、expo-glass-effect 等替代;不支持 CSS 与 Tailwind,使用内联样式;阴影用 boxShadow,不用旧版 shadow 或 elevation;文件名用 kebab-case,不在 app 目录混放组件与工具。具体版本与平台细节暂未提供。