react-native - 通过 ScrollView 传递触摸事件

Question

我正在尝试实现一个有整页 <ScrollView /> 的 UI与 <View />绝对位于其下方。 <ScrollView />顶部有填充，所以最初是 <View />可见，然后 <ScrollView />向上滚动以覆盖它。当然，问题在于 <View />不接收触摸，因为它们被 <ScrollView /> 吃掉了响应者。

现在有什么方法可以实现或继承<View />这样您就可以将事件传递给底层元素？

Answer 1

您应该使用 Animated.View接受 ScrollView的y偏移为 Animated.Value支柱。然后，您可以使用该值在滚动 ScrollView 时执行动画。 .滚动将捕捉平移动画并通过 Prop 将其传递给需要它的人。

您可以找到的最好的代码示例之一是 Facebook 的 F8 应用程序。准确地说，这个文件:https://github.com/fbsamples/f8app/blob/b5df451259897d1838933f01ad4596784325c2ad/js/common/ListContainer.js .在该文件中，ParallaxBackground获取偏移量 Animated.Value来自 ListView child 。