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

布局 / iOS / NATIVESCRIPT VUE

腾出一点空间。

插入、重排、展开,让所有元素一起流动。

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

动效背后的代码。

Jolt 0.1.0-rc.11

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

TypeScript · NativeScript
import { animateLayout } from '@rafaelaugusto/jolt'

animateLayout(list, () => rows.value.splice(1, 0, newRow))
animateLayout(list, () => rows.value.reverse(), 'snappy')
animateLayout(list, () => {
  expanded.value = !expanded.value
})
查看完整示例 ↗

阅读完整指南 ↗