跳转到正文
jolt.
← 动效配方

运动 / iOS / NATIVESCRIPT VUE

有生命力的弹簧。

随时打断、改变方向,动量依然流畅。

原生录屏 · iOSiOS 26 模拟器 · 真实 XCTest 输入与原生播放,原始速度。并非真机性能测试。

动效背后的代码。

Jolt 0.1.0-rc.11

直接来自指南的核心 API 示例。完整界面与控件请查看完整演示。

TypeScript · NativeScript
animate(card, { scale: 1.2 }, 'bouncy')
animate(card, { y: 0 }, { bounce: 0.3, duration: 600 })
animate(card, { y: 0 }, { stiffness: 300, damping: 20, mass: 1 })
查看完整示例 ↗

阅读完整指南 ↗