React native 将一个组件设置为"；浮动；在屏幕上，不要占用空间

我试图在React Native中创建一个应用程序，我有一个屏幕，其中有标题、平面列表和一个卡片组件

我在同一个安全区域视图中有平面列表和卡片组件。我希望平面列表将整个屏幕（从标题下方开始）和卡片组件“浮动”在那里

目前，由于flex box（我猜）卡组件占据了屏幕的一部分，所以列表从标题下方开始，在卡上方结束，我真的不知道该怎么做（React Native是新功能）

这就是它现在的样子：

我希望列表继续位于卡组件后面

我现在就是这样布置的：

return (
    <>
      <SafeAreaView style={styles.meetingDetailsContainer}>
        <ListHeader meeting={meeting} />
 
        <View style={{flex: 1, justifyContent: 'center'}}>
          {members.length > 0 ? (
            <FlatList
              data={members}
              renderItem={renderItem}
              keyExtractor={(item) => item.id}
              showsVerticalScrollIndicator={false}
              onScroll={(event) =>
                setInfoCardHeight(-event.nativeEvent.contentOffset.y)
              }
            />
          ) : (
            <Text style={styles.noParticipantsText}>No participants yet.</Text>
          )}
        </View>
        <View style={{bottom: infoCardHeight, backgroundColor: 'transparent'}}>
          <InfoCard meeting={meeting} />
        </View>
      </SafeAreaView>
    </>
)

返回(
{members.length>0(
项目id}
showsVerticalScrollIndicator={false}
onScroll={（事件）=>
setInfoCardHeight（-event.nativeEvent.contentOffset.y）
}
/>
) : (
还没有参与者。
)}
)

---

我需要列表放在卡片后面，因为当用户滚动时，我使卡片组件“消失”，但屏幕上有一个空白，因为列表在卡片开始的地方结束。

当需要在另一个上面渲染某个内容时，请使用绝对位置，而不是默认的相对位置

当卡片包装器不占用父视图的相对空间时，FlatList的包装器视图将自动扩展到屏幕底部