代码之家  ›  专栏  ›  技术社区  ›  Kakar

react native reanimated and scroll视图中的动画捕捉标题

  •  0
  • Kakar  · 技术社区  · 7 年前

    我试图通过scrollview中的滚动事件来制作顶部标题的动画。

    1. 当用户触摸屏幕并向上滚动时,导航栏在diffclamp的帮助下与滚动位置相反。即。, translateY = multiply(diffClamp(this.scrollY, 0, NAV_HEIGHT), -1)

      • 如果 diffClamp node > Navigation heigh/2 ,则捕捉点节点返回0。

    这适用于单滚动触摸和释放。但是假设在第一个版本中,我在-20上发布了touch(这个是滚动的),动画就结束了。稍后,如果我触摸并滚动,滚动转换将从先前释放的位置开始,即-20,而不是0。

    你可以查看 snack here .

    如果我可以将diffclamp节点设置为捕捉点,我想这是可以解决的,但我想这是不可能的。你能帮我解决这个问题吗?

    0 回复  |  直到 7 年前
    推荐文章