如何在不中断 onEndReached 的情况下在 ScrollView 中有一个 React FlatList答案

【问题标题】：How to have a React FlatList inside a ScrollView without breaking onEndReached如何在不中断 onEndReached 的情况下在 ScrollView 中有一个 React FlatList
【发布时间】：2019-07-26 04:03:20
【问题描述】：

我使用 FlatList 制作了一个无限滚动，它本身就可以完美运行。当我将它添加到底部抽屉（基于this）时，“onEndReached”开始变得疯狂 - 它会突然达到 10 倍，然后滚动到列表末尾将不再触发它。在我看来，手势处理程序或 Animated.ScrollView 正在破坏平面列表的滚动。我可以以某种方式保留底部的抽屉吗？

更新：使用this 底部抽屉解决了这个问题，但我们失去了上下拖动抽屉打开/关闭的能力，它需要一个按钮。这显然是 ScrollView 和 FlatList 的问题。我很想知道这是如何/为什么起作用的，而不仅仅是“我换了另一个似乎起作用的部分。不知道为什么……但它起作用了”的创可贴解决方案

【问题讨论】：

能把flatlist和底部抽屉的代码贴一下吗？
@vitosorriso 完成！

标签： reactjs react-native

【解决方案1】：

您可以设置滚动视图属性style 和contentContainerStyle。这将防止 onEndReached 无限触发。

例如：

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

请参阅this github issue 了解有关此问题的讨论。

【讨论】：