React native 如何实现优步吃水平菜单动画?

React native 如何实现优步吃水平菜单动画?,react-native,React Native,我试图实现相同的Uber Eats水平菜单动画,因此当相应类别在Y轴上可见时,类别将滚动到X位置0 这就是我目前所拥有的 首先是一个handleScroll函数,用于检索Y位置,并仅显示每个类别视图的位置 (this.scrollView=scrollView)} scrollEventThrottle={5} onScroll={Animated.event( [{nativeEvent:{contentOffset:{y:this.state.scrollY}}], { useNativ

我试图实现相同的Uber Eats水平菜单动画,因此当相应类别在Y轴上可见时,类别将滚动到X位置0

这就是我目前所拥有的

  • 首先是一个handleScroll函数,用于检索Y位置,并仅显示每个类别视图的位置
  • (this.scrollView=scrollView)}
    scrollEventThrottle={5}
    onScroll={Animated.event(
    [{nativeEvent:{contentOffset:{y:this.state.scrollY}}],
    {
    useNativeDriver:没错,
    侦听器:事件=>{
    这是handleScroll(事件);
    }
    }
    )}
    >