react-native-ease
基于原生API的轻量级React Native动画库，零JS开销。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：react-native-ease。 它的用途是：基于原生API的轻量级React Native动画库，零JS开销。 完整的 Skill 内容见：https://321skill.com/skills/react-native-ease/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“请使用 react-native-ease 帮我创建一个卡片组件，当 visible 状态为 true 时，卡片从下方淡入并轻微弹跳。” 它会生成使用 `EaseView` 的代码，其中 `animate` 属性定义了透明度、位移等目标值，`transition` 属性配置了动画时长和弹性效果。或者，你可以直接运行迁移 Skill，让它自动扫描并替换项目中可优化的动画代码。
介绍
react-native-ease 解决了在 React Native 应用中实现高性能、流畅动画的难题。传统的 JS 驱动动画库（如 react-native-reanimated）虽然功能强大，但其 JS 线程与 UI 线程的通信可能带来性能开销，尤其在复杂动画或低端设备上。该库旨在提供一种更接近原生性能的动画解决方案。
使用方式极其简单。开发者只需安装库，然后使用其提供的 EaseView 组件替代常规的 View。通过 animate 属性声明动画目标值（如透明度、位移），并通过 transition 属性配置动画类型和时长，当状态改变时，视图便会自动进行平滑的过渡动画。它完全兼容现有的样式和视图属性。
这个库非常适合追求应用极致流畅度的 React Native 开发者，特别是那些对应用性能有高要求，或者在使用复杂动画时遇到卡顿问题的团队。它也适合希望简化动画代码、追求声明式 API 的开发者。
与 react-native-reanimated 等主流库相比，react-native-ease 的核心区别在于其实现原理。它直接调用 iOS 的 Core Animation 和 Android 的 Animator 原生 API，动画逻辑完全在原生平台运行，实现了真正的“零 JS 线程开销”。这意味着动画的启动和运行不会阻塞 JS 线程，从而能提供更稳定、更跟手的交互体验，尤其在列表滚动等并发场景下优势明显。
核心特点
核心区别在于动画完全由 iOS Core Animation 和 Android Animator 原生驱动，实现了零 JS 线程开销，避免了传统方案中 JS 与原生线程通信带来的性能损耗，动画启动更快、运行更稳定。
注意事项
不适合需要复杂、动态计算（如手势跟随、物理模拟）或跨平台高度定制化动画逻辑的场景，因其动画逻辑依赖于原生平台的固定能力。
常见问题
react-native-ease 和 react-native-reanimated 哪个好？
追求极致原生性能和简单声明式动画选 ease；需要复杂手势交互和动态动画逻辑选 reanimated。
支持 NativeWind / Uniwind 吗？
支持，有专门的导入入口（react-native-ease/nativewind 或 /uniwind），迁移 Skill 可自动检测并添加。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/react-native-ease/raw/index.md 读取 react-native-ease 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/react-native-ease/raw/index.md（查看排版版本）