用途:面向 React Native 开发者的动画实践指南,聚焦让移动界面“活起来”的手势与动画模式,涉及 Reanimated、Gesture Handler 和 Skia。
主要能力:讲解动画三要素(共享值、动画样式、Animated.View);四个核心 Hook(useSharedValue、useAnimatedStyle、useDerivedValue、useAnimatedReaction);派生值链式组合;手势结束传递速度;弹簧参数 dampingRatio 的取值建议;布局动画与共享元素过渡;Skia 画布、渐变与模糊;触摸反馈库 pressto 与全局触觉反馈。
使用方式:作为技能被调用时,若无具体问题仅回复“I'm ready to help you build animations that feel right.”,等待用户提问。代码中建议用 .get()/.set() 替代 .value 以兼容 React Compiler。
适用场景:构建手势交互、按压反馈、列表增删动画、页面间元素变形过渡、滚动视差与进度动画、文字动画等。
限制与注意:变换顺序影响结果(先 translate 后 scale);列表 key 需用稳定唯一 ID,避免数组索引;iOS 滚动回弹需用 clamp 限制插值;变换类动画宜用弹簧而非 timing;手势结束需传 velocity。资料未提供安装命令、版本要求与收费信息。