React Native如何使滚动视图在手势检测器内工作?

Question

我正在尝试在React Native中实现一个底部表单功能列表。底部表单是使用动画完成的。查看内部的gestredetector。现在我想在动画视图中使用滚动视图这样用户就可以在列表溢出时滚动列表。但当我添加滚动视图时，滚动被禁用了。我知道手势检测器搞砸了滚动视图的功能。但如何让它工作。

<GestureDetector gesture={gesture}>
<Animated.View style={[anStyle.anContainer, rBottomSheetStyle]}>
<ScrollView>
{list.map((item, index)=>{
return (
<Text>{item}</Text>
);
})}
</ScrollView>
</Animated.View>
</GestureDetector>

这里的动画容器的高度是屏幕的3/4。因此，如果列表中有许多文本，则内容溢出，但滚动视图不会生效。

请帮助与apt解决方案也与代码。

Answer 1

处理这个问题的一种最简单的方法是用视图包装手势检测器并将其放入AnimatedView中。那么gestredetector就不会打扰ScrollView了

<Animated.View style={[anStyle.anContainer, rBottomSheetStyle]}>
<GestureDetector gesture={gesture}>
<View style={styles.randomStyles}>
<Text>Scroll text from here</Text>
</View>
</GestureDetector>
<ScrollView>
{list.map((item, index)=>{
return (
<Text>{item}</Text>
);
})}
</ScrollView>
</Animated.View>