收藏
回答

worklet.timing toValue 类型问题?


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 ,这种怎么办?

最后一次编辑于  05-04
回答关注问题邀请回答
收藏

1 个回答

  • 三毛
    三毛
    05-04

    还有我想实现这种

    @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`
    这种运行不了。
    
    


    sequence只能顺序的触发,并发设置呢,没有办法?
    



    05-04
    有用
    回复
登录 后发表内容