React native 如何在React原生平面列表中显示空单元格

我试图制作一个有4列的平面列表，如果数据少于一行中的4项，则显示空单元格。如何使其显示空单元格

这是我的清单：

            <FlatList
                key={list.title}
                data={list.rooms}
                style={styles.scheduleContainer}
                horizontal={false}
                numColumns={4}
                ItemSeparatorComponent={this.renderItemSeparator}
                renderItem={({ item, index }) => {
                  console.log('item', item.room);
                  return (
                    <View style={styles.elementsContainer}>
                        <Text>
                            {item.room.data.name}
                        </Text>
                    </View>
                    );
                }}
                keyExtractor={(item, index) => String(index)}
            />

{
控制台日志（'item'，item.room）；
返回(
{item.room.data.name}
);
}}
keyExtractor={（项，索引）=>String（索引）}
/>

结果如下：

以下是我正在寻找的结果：

---

只需使用flex并根据行项目进行划分，按列填充数据，如果不可用，则返回空视图。例如，第一行有4项，弹性为0.25，下一项为3项，因此弹性为0.25。每行有3项，但其中一项为空，但弹性为0.25。请举例说明？