SuperAPI AI 工具集

expo-ios-hig

前端与建站

查看项目

更新于 10-16 03:46

技能介绍

该技能提供一套面向 Expo/React Native 的 iOS 26 界面设计规则,目标是让应用符合 Apple 人机界面指南(HIG),呈现真正原生感。核心思路:React Native 应用应调用平台能力(系统导航控制器、系统控件、语义色、SF Symbols、真实触觉反馈、系统分享面板),而非用 JavaScript 重新实现 iOS。

适用场景:在 Expo 应用中构建或评审 iOS 屏幕、导航、列表、表单时参考。涵盖选择导航方式(Expo Router 原生 stack 与 JS stack、原生标签、sheet、模态、大标题)、选择控件(原生 Alert、ActionSheetIOS、日期选择器、Switch、SF Symbols,或降级到 @expo/ui)、平台样式(安全区、深色模式、语义色、iOS 字体比例、间距、Liquid Glass)、交互原生感(触摸目标、按压反馈、滑动操作、下拉刷新、手势、触觉),以及动效、加载/空状态、无障碍、权限和启动打磨。

规则按优先级分 8 类:原生导航架构(CRITICAL,nav-)、原生组件保真(CRITICAL,native-)、布局与自适应(HIGH,layout-)、触摸手势与触觉(HIGH,touch-)、视觉系统与 Liquid Glass(HIGH,visual-)、动效与反馈(MEDIUM-HIGH,motion-)、无障碍(MEDIUM-HIGH,acc-)、系统集成与打磨(MEDIUM,system-)。每条规则文件含重要性说明、非原生 TSX 反例、原生正例及权威参考链接,部分附“不适用场景”或替代方案。

不适用范围:@expo/ui 组件 API 用法请用 expo-ui 技能;跨平台设计系统与共享主题、设计令牌请用 expo-design-system;原生 Swift/SwiftUI 代码库请用 ios-hig 或 ios-design;Android 应使用平台自适应代码,不套用 iOS 惯例。

使用方式:查阅 references/{prefix}-{slug}.md 下的规则参考文件,各有分类结构与规则模板说明。官方文本暂未提供。