在反应原生的动量滚动期间动画？

Question

我正在尝试在呈现 ScrollView 的屏幕上创建自定义 NavBar。在 NavBar 内部，有一个按钮，当按下该按钮时，会导致 NavBar 向下平移，从而呈现出 NavBar 正在扩展的外观（这是使用 Animated.spring() 和 useNativeDriver 选项完成的）。一切都很好，除非在点击按钮时 ScrollView 仍在滚动（即：当“动量”滚动发生时）。在这种情况下，启动 NavBar 动画的 onPress 处理程序按预期调用，但对 Animated.spring() 的调用不会导致任何动画发生。是否可以在滚动期间出现 NavBar“展开”动画，或者暂停滚动以允许动画继续进行？

Answer 1

就像在 RN docs 中解释的那样，您使用的动画类型会被滚动等手势事件停止，最好使用 Animated.event() 和 onScrollprops 结合插值动画来为您的页脚设置动画。