We can use FlatList to generate grid view and space evenly.

<FlatList
  data={ITEMS}
  numColumns={3}
  keyExtractor={(item) => item.key}
  renderItem={({ item }) => <Item instance={item} style={styles.item}/>}
  contentContainerStyle={styles.flat_list}
  columnWrapperStyle={styles.flat_list}
/>


const styles = StyleSheet.create({ 
  flat_list: {
    gap: 16,
  },
item: {
   flex: 1,
   padding: 16,
   borderRadius: 8,
   alignItems: 'center',
   justifyContent: 'center',
  },
});