美文网首页
reac-native-reanimated的学习

reac-native-reanimated的学习

作者: sunny635533 | 来源:发表于2022-07-01 19:03 被阅读0次

    参考文章: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>
    
    
    

    相关文章

      网友评论

          本文标题:reac-native-reanimated的学习

          本文链接:https://www.haomeiwen.com/subject/guocbrtx.html