主页 / coding / 问题 / 76970443
Accepted
Ali Bahaari
Asked: 2023-08-24 22:43:48 +0800 CST

仅当拉动发生在 FlatList 组件周围时，拉动刷新才有效

  • 772

我使用了FlatList组件并且需要refreshControl在其上实现 prop 。这是代码：

<FlatList
    refreshControl={
        <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
    }
    data={allTuitions}
    renderItem={({item}) => renderItem(item)}
    ListEmptyComponent={listEmptyComponent}
    ItemSeparatorComponent={itemSeparatorComponent}
/>

它工作正常。但问题是：组件覆盖的区域FlatList，拉动是正确的。不然我拉不了。请参见下图。当我拉下作为FlatList组件项目的内容上的屏幕时，它可以工作，但在下面的浅灰色区域中，我不能。

在此输入图像描述

我该如何纠正呢？

react-native

1 个回答

  1. Best Answer

    尝试将 FlatList 放置在具有所需高度的视图中。例如，如果它应该填充所有可用的高度，您可以尝试flex: 1开始。这样，您的 FlatList 将增长到可用大小。

    <View style={{flex: 1}}>
    <FlatList ...options />
</View>
    • 0

相关问题