useSpringValue
一个返回 spring 值 的 React 钩子。
Spring 值:随时间变化模拟弹簧物理特性的动态值。
演示
源码
用法
请查看 API。
源码
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
}