SuperAPI AI 工具集

refactor

编程与开发

查看项目

更新于 10-15 19:57

技能介绍

用途:把 react-native-reanimated 以及 React Native 内置 Animated API 的动画代码迁移为 react-native-ease 的 EaseView 组件,属于代码迁移助手技能,按固定 6 个阶段执行,不跳步、不重排。主要能力:第一阶段发现动画代码,用 Grep 匹配 from 'react-native-reanimated'、Animated.View/Text/Image/Value/timing/spring 等模式,并排除 node_modules、测试文件与构建产物目录;第二阶段按决策树分类,手势、滚动、共享元素、worklet、withSequence/withDelay、复杂 interpolate、layout prop、不支持的属性、逐属性过渡配置等均标记为不可迁移,否则可迁移,并给出 Reanimated/Animated 到 EaseView 的模式映射与默认值映射(如 withSpring 需显式设 damping: 10、stiffness: 100,withTiming 需显式设 easing: [0.455, 0.03, 0.515, 0.955],RN Animated 的 tension/friction 映射为 stiffness/damping,旋转需去掉 deg 后缀)。第三阶段打印迁移报告,第四阶段通过 AskUserQuestion 多选确认要迁移的组件,第五阶段应用迁移并清理未使用导入,第六阶段输出完成报告。适用场景:React Native 项目中将状态驱动的 opacity、translate、scale、rotate、borderRadius、backgroundColor 动画从 Reanimated/Animated 迁移到 EaseView。限制:EaseView 仅支持状态驱动动画,过渡配置全局统一、不支持排序、手势与滚动驱动;循环需用 timing 且配合 initialAnimate;style 与 animate 冲突时以 animate 为准。需要安装 react-native-ease 后按 import { EaseView } from 'react-native-ease' 使用,具体运行方式与平台支持暂未提供。