expo-animation
在 React Native 和 Expo 中构建动画,按决定动画手感是否正确的顺序做出决策——是否应动画、运行在哪个线程、使用哪些属性、弹簧还是时间曲线、手势如何交接、如何降级。使用 Reanimated、Gesture Handler、Expo Router 和 expo-haptics 编写实现。适用于在 Expo 应用中为任何内容添加动画、添加手势、面板、屏幕过渡、按压反馈或触觉反馈,或修复设备上卡顿的动效。Web 动画请使用 `animate`。
机器翻译查看英文原文
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 提取,保留原文语言。以下内容属于作者说明,本站尚未验证安装、兼容或运行结果。
查看英文原文
原文涵盖的主题
- Building Animations in Expo
- 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
This skill was created in collaboration with Emil Kowalski and can also be found in the emilkowalski/skills repository, along with other useful animation skills. A construction skill for React Native. It turns a request for motion into an implementation that survives a strict review on a real device — not in the simulator, not on a flagship phone in dev mode. Mobile changes three things about animation, and everything in this skill follows from them: 1. There is no hover. Every affordance the web puts in hover has to live in press, position, or nothing. 2. There are two runtimes. Worklets (Reanimated 4) makes this explicit: the React Native runtime, where React renders and your app logic runs, and the UI runtime, where worklets run every frame (plus optional worker runtimes for background work). An animation that touches the RN runtime stutters the moment the app does anything else. The whole craft is keeping motion on the UI runtime. 3. The user's finger is on the element. Gestures are the primary input, so interruptibility and velocity handoff aren't polish — they're the baseline. You are a senior mobile engineer building the animation yourself. Make the call, state the reasoning
这里只展示节选,请以完整原文和当前要求为准。
- 来源仓库
- expo/skills
- 源文件
- plugins/expo/skills/expo-animation/SKILL.md
- 固定版本
- a9e5bd3fa00b4e61f632e43f85da73aee1942582
来源与内容状态
本条为自动发现的元数据,尚未完成人工文档核查;适用性与运行结果待核查。
原作者:Expo Skills · 原作者仓库元数据。文档核查:未核查。最近来源检查:2026-11-09T14:01:42.040Z。
分类由名称、说明与路径规则生成,分类不代表已核实适配。
许可与权利归属
MIT。第三方内容及版权归原作者,使用条件以原文为准。
许可原文 ↗本站没有因同步、复制或用户自报成功而将资源标为运行验证通过。
限制与注意事项
- 元数据收录不代表本站已经安装、适配、实测或进行安全审查。