SharedValue worklet.shared(any initialValue)
参数 any initialValue(任何类型包括数组)
初始值,可通过 .value
属性进行读取和修改。类型可以是 number | string | bool | null | undefined | Object |
Array
| Function
。
但是
AnimationObject worklet.timing(number toValue, Object options, function callback)
但timing 只支持number ? 如果用shared 创建了一个数组,如何用timing 去改变这个值? 官方例子都是用的number ,没有其他类型的说明。
const { shared, sequence, timing, spring } = wx.worklet
const offset = shared(0)
offset.value = sequence(timing(100), spring(0))
上面是官方例子,如要改成 数组呢怎么办?
const offset = shared([0,100])
offset.value = sequence(timing(???????), spring(0))
针对CSS不光有数值上的调整,字符串也需要,display:flex background-color: cornflowerblue ,这种怎么办?
还有我想实现这种
@keyframes ripple { 0% { box-shadow: 0 0 0 0 #fff4, 0 0 0 0 #fff4; } 80% { box-shadow: 0 0 0 20px #fff0, 0 0 0 40px #fff0; } 100% { box-shadow: 0 0 0 0 #fff0, 0 0 0 0 #fff0; } }
请问小程序里怎么能实现?多个值,逗号隔开,我试了很多次,达不到Web上的效果。
这种的要求是同一时间点,设置两个阴影,
this.applyAnimatedStyle('#moved-box2', () => { 'worklet'; return { boxShadow: `0 0 0 ${offset.value}px #fff4` 这里不支持逗号隔开,我试了不行 } }) //boxShadow: `0 0 0 ${offset.value}px #fff4,0 0 0 ${offset.value+10}px #fff4` 这种运行不了。