美文网首页
React Native Easing怎么用

React Native Easing怎么用

作者: 罗坤_23333 | 来源:发表于2020-03-13 15:57 被阅读0次

轨迹可视地址

具体动画轨迹参考 https://easings.net/#

Ease.out 和 Ease.in 是什么

  • Ease.in
    Animated.timing的默认值是Easing.in()
    例如:

    Animated.timing(
      this.animatedValue,
      {
        toValue: 1,
        duration: 1000,
        easing:Easing.cubic, // 加速运动,默认为 Easing.in(Easing.cubic)
      }
    )
    

    Ease.cubic可视图:https://easings.net/#easeInCubic

  • Ease.out
    Easing.in的运动轨迹反转

    Easing.out(Easing.cubic);  // 减速运动
    

其他

transform:[{scale:0}] does't work in Android, please use transform:[{scale:0.01}]

Reference

相关文章

网友评论

      本文标题:React Native Easing怎么用

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