动态滚动动画在反应本机?

时间:2017-10-14 20:46:36

标签: react-native scrollview react-native-flatlist react-animated

我试图在呈现ScrollView的屏幕上创建自定义导航栏。在NavBar内部,有一个按钮,当按下该按钮时,导致NavBar向下翻转,从而给出NavBar正在扩展的外观(这是使用Animated.spring()useNativeDriver选项完成的。 。一切都工作得很好,除非ScrollView在点击按钮时仍然滚动(即:当"动量"滚动正在发生时)。在这种情况下,按预期调用启动NavBar动画的onPress处理程序,但调用Animated.spring()不会导致任何动画发生。是否可以使用NavBar"扩展"在滚动期间发生动画,或暂停滚动以允许动画继续进行?

1 个答案:

答案 0 :(得分:0)

就像在RN docs中所解释的那样,您使用的动画类型会被诸如滚动之类的手势事件停止,最好将Animated.event()onScroll道具结合使用,并结合插值动画来对页脚进行动画处理。