React Native Expo Flatlist 拉动刷新手势在 iOS 上不会触发，但在 Android 上工作正常

发布于 2025-01-14 23:31:31 字数 891 浏览 0 评论 0原文

我有一个在 flex: 1 视图中渲染的 flatlist 组件，它不会在 iOS 上执行拉动刷新。手势本身不起作用，因为列表拒绝被下推，但在 Android 上运行良好。

这是我的平面列表代码，也是屏幕中的唯一代码。

<FlatList<any>
style={{
    flex: 1,
    // marginTop: 10,
}}
contentContainerStyle={{ flexGrow: 1 }}
showsVerticalScrollIndicator={false}
showsHorizontalScrollIndicator={false}
data={ordersDetails?.docs}
keyExtractor={(item) => item._id}
renderItem={renderItem}
bounces={false}
refreshControl={
    <RefreshControl
        refreshing={loading}
        onRefresh={() => {
            fetchOrders(getOrdersListRefreshing);
        }}
    />
}
initialNumToRender={10}
onEndReachedThreshold={0.01}
onEndReached={() => {
    fetchOrders(getOrdersListNoLoading);
}}
removeClippedSubviews
maxToRenderPerBatch={5}
updateCellsBatchingPeriod={200}/>;

renderItem 只是一个文本组件。

抱歉，我对 React Native 有点陌生。

提前致谢！

原文

I have a flatlist component rendered inside a flex: 1 view, that doesn't perform pull to refresh on iOS. The gesture itself doesn't work, as the list refuses to get pushed down, but works fine on Android.

Here is my flatlist code, and the only code in the screen.

<FlatList<any>
style={{
    flex: 1,
    // marginTop: 10,
}}
contentContainerStyle={{ flexGrow: 1 }}
showsVerticalScrollIndicator={false}
showsHorizontalScrollIndicator={false}
data={ordersDetails?.docs}
keyExtractor={(item) => item._id}
renderItem={renderItem}
bounces={false}
refreshControl={
    <RefreshControl
        refreshing={loading}
        onRefresh={() => {
            fetchOrders(getOrdersListRefreshing);
        }}
    />
}
initialNumToRender={10}
onEndReachedThreshold={0.01}
onEndReached={() => {
    fetchOrders(getOrdersListNoLoading);
}}
removeClippedSubviews
maxToRenderPerBatch={5}
updateCellsBatchingPeriod={200}/>;

renderItem is nothing but a text component.

Sorry I am a bit new to React Native.

Thanks in advance!

分享到QQ

分享到微博