Expo 动画与手势
原名:expo-animation
为 React Native 与 Expo 应用设计流畅、可降级的动画和手势交互。
中文 Skills 技能说明
适合页面转场、弹层、拖拽、按压反馈和触觉反馈。技能会先判断是否需要动画、运行线程和可访问性降级,再选择 Reanimated 等实现;不能只在模拟器判断流畅度,关键交互要在目标设备复测。
上游能力依据
上游原始适用说明:Framework (OSS). Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use animate.
上游 SKILL.md 主要章节(保留原文标题):
- Operating Posture
- Hard Rules
- The Build Sequence
- 1. Should this animate at all?
- 2. What is the purpose?
- 3. Pick the tool — cheapest that works
- 4. Pick the properties
- 5. Timing or spring
- 6. Keep it off the JS thread
- 7. Press, not hover
使用边界
先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时,必须在执行前人工确认。
作者、翻译与许可证
- 原作者
- 650 Industries, Inc.(Expo)与 expo/skills contributors
- 中文翻译
- CEOFans翻译
- 许可证
- MIT
- 上游来源
- https://github.com/expo/skills/tree/50f59f837ddb7595d8c6683c693207e265d58c43/plugins/expo/skills/expo-animation
适用范围
平台:linux、macos、windows;标签:设计与前端、Expo 动画与手势
安全提示
基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件,请在最小权限环境中使用,高风险操作必须人工确认。
如发现侵权、许可证或安全问题,可在本页前台提交投诉,管理员复核后可立即下架。