参考文章: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>
网友评论