useSpringValue

一个返回 spring 值 的 React 钩子。

Spring 值:随时间变化模拟弹簧物理特性的动态值。

演示

源码
Spring Value:
0
⚛️ React Hooks

用法

请查看 API。

源码

点击下方链接跳转 GitHub 查看源代码。

API

const spring = useSpringValue(start, end, options)

起始值 Start

number, 弹簧的起始值。

终止值 End

number, 弹簧的终止值。

选项 Options

export type UseSpringValueConfig = { /** * 弹簧的刚度。 */ stiffness?: number /** * 弹簧的阻尼。 */ damping?: number /** * 弹簧的质量。 */ mass?: number /** * 是否立即触发。 */ immediate?: boolean /** * 弹簧动画的精度。 */ precision?: number }

返回值

返回值中包含可暂停、恢复的 Pausable 实例。

更多详情,请参见 Pausable

export type UseSpringValueReturns = Pausable & { /** * 弹簧的当前值。 */ value: number /** * 重启弹簧。 */ restart(): void }