如何在不破坏onEndReached的情况下在ScrollView中具有React FlatList

Question

我使用FlatList进行了无限滚动，并且可以完美地独立运行。 当我将其添加到底部抽屉（基于此 ）时，“ onEndReached”开始表现疯狂-它将突然达到10倍，然后滚动到列表的末尾将不再触发它。 在我看来，手势处理程序或Animated.ScrollView打破了平面列表的滚动。 我可以以某种方式保留底部抽屉吗？

更新：使用此底部抽屉可以解决此问题，但是我们无法将抽屉向下/向下拖动以打开/关闭，而是需要一个按钮。 显然，这是ScrollView和FlatList的问题。 我很想知道这是如何/为什么起作用的，而不仅仅是“我换了另一个看起来可行的部分。”不知道为什么...但是可行的临时解决方案

Answer 1

您可以设置Scrollview道具style和contentContainerStyle 。 这将防止onEndReached无限触发。

例如：

<ScrollView
    style={{ flex: 1 }}
    contentContainerStyle={{ flex: 1 }}
>
    <Flatlist
     ....
     />
</ScrollView>

有关此问题的讨论，请参见此github问题 。