SuperAPI AI 工具集

mobile-app-interface

设计与创作

查看项目

更新于 10-16 04:55

技能介绍

用途:为 Expo/React Native 项目设计符合 Apple 人机界面指南的 iOS 原生界面与组件,覆盖屏幕、流程或单个组件。

主要能力:提供 16 条设计规则,包括安全区(SafeAreaProvider/SafeAreaView,不硬编码内边距)、排版(SF Pro 与 Dynamic Type)、触控目标(至少 44×44pt)、语义化配色与深色模式、原生导航(标签栏、堆栈、模态)、动效与触觉反馈(200–400ms,expo-haptics)、无障碍(accessibilityLabel/Role/Hint/State 与 VoiceOver)、列表性能(FlatList/SectionList、keyExtractor、memo)、资源与 App Store 配置、Flexbox 间距、Liquid Glass 材质、可用性与降级、材质性能、图标深色/着色变体。

必要用法:标签栏应使用 expo-router 的 NativeTabs(内置 Liquid Glass 与 SF Symbols),而非自定义标签栏。玻璃效果可安装 npx expo install expo-glass-effect 或 npx expo install expo-liquid-glass-view,并用 isLiquidGlassAvailable() 检测 iOS 26+ 支持,同时遵循 AccessibilityInfo.isReduceTransparencyEnabled() 降级为纯色/着色表面。图标与启动屏通过 app.json 配置,并在 EAS 构建中验证。

适用场景:需要遵循 iOS 平台惯例的移动应用界面设计、组件实现与无障碍/性能审查。

限制:资料未提供具体收费、价格、平台支持范围或效果保证;部分 API(如 expo-router/unstable-native-tabs)标注为不稳定,需自行验证兼容性。