SuperAPI AI 工具集

expo-ios-screen-scaffolder

前端与建站

查看项目

更新于 10-16 03:46

技能介绍

用途:为 Expo(React Native)iOS 应用生成符合 Apple 人机界面指南的 Expo Router 屏幕脚手架,让新屏幕从一开始就采用原生导航、虚拟化列表、安全区、语义颜色、SF Symbols、触感反馈和空状态,而非事后改造。

主要能力:提供多套参数化模板。list-screen.tsx.template 生成大标题列表(FlashList + RefreshControl + 空状态 + 底部安全区);detail-screen.tsx.template 生成推入式详情页(边到边滚动、语义颜色、系统分享按钮);form-screen.tsx.template 生成创建表单(键盘避让、输入配置、乐观保存 + 触感反馈);modal-sheet.tsx.template 生成带 detents、grabber 和 Cancel/Done 的 formSheet 路由;native-tabs-layout.tsx.template 生成带 SF Symbol 图标的根 NativeTabs 布局;settings-screen.tsx.template 生成分组设置(SectionList + 平台 Switch 行)。占位符使用单花括号,如 {ScreenName}、{Entity}、{entity}、{entity_plural}、{entityId}、{Title}、{route_path}、{route_name}、{sf_symbol}、{file_path},TSX 原有花括号保持不变。

使用方式:选择模板,为占位符取值,替换后写入 app/ 下对应路由路径,例如 app/(trails)/index.tsx、app/(trails)/[trailId].tsx;导入并实现配套的数据层(use{Entity}List、create{Entity} 等),脚手架只负责视图;阅读 references/conventions.md 了解各模板强制规则及何时偏离。

配置:config.json 可选,首次使用时可按项目覆盖 app_dir(默认 app)、components_dir(默认 components)、list_component(默认 FlashList,或 FlatList)。

适用场景:在 Expo iOS 应用中新增屏幕、路由或布局,搭建列表、详情、表单、模态表、标签栏或设置页,或让既有屏幕符合 conventions.md。

限制:资料未提供版本、依赖、价格与平台范围等更多信息。