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

Question

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

Answer 1

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