Worklet 动画系统 适用场景 - 实现手势跟随、拖拽等交互动画 - 使用 timing/spring/decay 创建动画效果 - 通过 SharedValue 驱动节点样式变化 - 组合多段动画(序列、重复、延迟) - 在 UI 线程和 JS 线程间传递数据 核心概念 双线程架构与 Worklet 的意义 小程序双线程架构中,UI 事件需跨线程传递到 JS 线程再回传, 交互动画会有明显延迟 。Worklet 动画让动画逻辑直接运行在 UI 线程,实现类原生动画体验。 三大核心概念 | 概念 | 说明 | 关键 API | |------|------|----------| | worklet 函数 | 可运行在 JS 或 UI 线程的函数,顶部声明 指令 | , | | 共享变量 | 跨线程同步的变量,通过 读写 | , | | 动画驱动 | 将 SharedValue 绑定到节点样式 | | 基本流程 文档索引 根据需求快速定位(路径相对于 ): | 我想要... | 查阅文档 | |-----------|----------| | 了解 worklet 架构和完整概念 | | | 使用 SharedValue 和 DerivedValue | | | 在 worklet 中操作 scroll-view | | | 使用 timing/spring/decay 动…