reac-native-reanimated的学习

2022-07-01  本文已影响0人  SunnyLYummy

参考文章:https://juejin.cn/post/7018214482899894303

// 伪代码
const loginStatusAnim = useSharedValue<number>(0); 

const style = useAnimatedStyle(()=>{
    return {
        transform:[{
            scale:interpolate(
                loginStatusAnim.value,
                // 这里我们的loginStatusAnim只会在0-1之间变化
                [0,1],
                // 但我们想让他输出的值映射到100-200的样子,当然我们可以直接变化0、1为100、200,所以这里只做演示
                [100,200]
            )
        }]
    }
},[])

return <Reanimated.View style={style}></Reanimated.View>


上一篇 下一篇

猜你喜欢

热点阅读