Spaces between items

[agathe-lighthouse]

Current behavior

For some reason, there are sometimes spaces between items. There are no items missing in the list. It's pretty random, so I didn't find a way to always reproduce the bug. I got that bug on iOS and web, but it could also be on Android.

As you can see in the video, the blank spaces always stay, so it doesn't seem to be related to the scrolling.

    <FlashList
      ref={listRef}
      data={products}
      renderItem={renderProduct}
      keyExtractor={item => ("collab" in item ? item.collab.collabId : item.collabId)}
      ListHeaderComponent={(emptyStateVisible ? undefined : listHeader) ?? ListHeaderComponent}
      ListFooterComponent={isFetchingMore ? <ActivityIndicator size="small" /> : ListFooterComponent}
      ListEmptyComponent={listEmpty}
      scrollEnabled
      onEndReached={handleFetchMore}
      onEndReachedThreshold={0.1}
      refreshing={refreshing}
      onRefresh={() => void handleRefreshing()}
      numColumns={nbColumns}
      contentContainerStyle={{ padding: listPadding }}
      showsVerticalScrollIndicator={false}
      estimatedItemSize={itemWidth + estimatedUnderImageContentHeight}
      getItemType={() => undefined}
  />

Screen.Recording.2024-08-28.at.1.02.55.PM.mov

Expected behavior

To Reproduce

Platform:

• iOS
• Android

Environment

1.6.3

[rbouziane]

Same +1

[ZaharGusyatin]

sure same