用途:把 Stitch 设计屏幕转换为 React Native 实现,或将当前 Stitch 主题同步到既有 RN 工程,目标平台为 iOS/Android。触发场景是需要在原生端使用 View、Text、StyleSheet 和原生导航时;React DOM 或 Vite Web 页面应改用 stitch-react-components。
主要能力:将门店预约稿转为 iOS/Android 表单;把运营列表改为原生 FlatList;同步当前 Stitch 主题到既有 RN 工程。映射规则包括 div→View、文本→Text、button→Pressable、长列表→FlatList,并用 StyleSheet 与当前 RN 版本能力映射。按工程惯例拆分组件、数据与 hooks,连接既有原生导航,保留 readonly Props、safe-area 与无障碍标签。
使用方式:先按用户选定屏幕检索 HTML/截图与元数据,来源一致且允许复用时直接使用;提取当前项目 token 到 src/theme.ts 并保留来源与同步时间;随后做映射与组件拆分,用脚本做有限 AST 检查,再执行现有类型检查。模拟器验收需另行记录,脚本通过不等于原生运行成功。
所需素材:目标 RN 工程与实际依赖版本、所选 Stitch 屏幕或获准复用的 HTML/截图、平台与导航及 token 约束。缺少输入时先输出明确标记的本地假设草案,并列出需要补充的内容,依赖这些输入的写操作不执行。
限制:不适用于 Jetpack Compose 或 SwiftUI 实现,也不处理真实支付、登录或推送集成,这些应走对应平台或业务接口流程。不读取无关账号配置,不收集用户密码,凭据只由环境或已授权连接器提供;示例只用演示数据,上传前替换客户姓名、电话、订单号等,禁止将密钥、会话 cookie、base64 全文或签名下载 URL 写入报告或版本库。未经验证的参数、视觉效果与业务数字不得编造。完成标准:无 DOM 元素或浏览器事件且所有文本位于 Text;theme token 来自当前源,Image 有尺寸;检查 iOS/Android 的 safe-area、导航和键盘状态。可定制目标平台、工程路径、既有导航、主题和刷新范围。