SuperAPI AI 工具集

stitch-ui-react-native-components

前端与建站

查看项目

更新于 10-15 21:48

技能介绍

用途:把 Stitch 设计屏幕转换为 React Native 实现,或将现有原生组件与当前 Stitch 主题同步,目标平台为 iOS/Android。

主要能力:将 div 映射为 View、文本映射为 Text、button 映射为 Pressable、长列表映射为 FlatList,并使用 StyleSheet 与当前 RN 版本能力;提取项目 token 到 src/theme.ts;按工程惯例拆分组件、数据与 hooks,连接既有原生导航,保留 readonly Props、safe-area 与无障碍标签。

使用方式:先确认目标 RN 工程与实际依赖版本、所选 Stitch 屏幕或获准复用的 HTML/截图、平台与导航及 token 约束;再检索来源一致的素材,提取 token,完成映射与组件拆分,最后做有限 AST 检查并执行现有类型检查。模拟器验收需另行记录,脚本通过不等于原生运行成功。

适用场景:门店预约稿转 iOS/Android 表单、运营列表改为原生 FlatList、同步 Stitch 主题到既有 RN 工程。

限制:React/Vite 浏览器 UI 应改用 stitch-ui-react-components;Jetpack Compose 或 SwiftUI 实现走对应平台流程;真实支付、登录或推送集成走项目业务接口流程。缺少关键输入时先输出标记明确的本地假设草案,并列出需补充项,依赖这些输入的写操作不执行。不读取无关账号配置,不收集密码,示例只用演示数据,禁止将密钥、cookie 或签名下载 URL 写入报告或版本库。未验证的参数、视觉效果与业务数字不得编造。