FlashList taking more space than necessary

[Gandhi89]

When using FlashList in a SafeAreaView with a View below it, the FlashList takes more space than needed, pushing the View down. This behavior is different from FlatList, which only takes the height it needs to show the items, leaving the remaining space for the View.

Current behavior

When using FlashList in a SafeAreaView with a View below it, the FlashList takes more space than needed, pushing the View down.

function Flash() {
  return (
    <SafeAreaView style={{ flex: 1 }} edges={["top"]}>
      <FlashList data={[1, 2, 3, 4, 5, 6]} renderItem={({ item }) => <Text>{item}</Text>} />

      <View style={{ backgroundColor: "grey", flex: 1 }} />
    </SafeAreaView>
  );
}

Expected behavior

The FlashList should behave like FlatList, taking only the height it needs to display its items and leaving the remaining space for the View below it.

To Reproduce

Platform:

• iOS
• Android

Environment

@shopify/flash-list": "^1.7.1