React native 底部固定视图（可变高度）并用其他视图填充剩余高度

我想建立一个聊天室。消息视图中有消息和消息的输入字段。输入框应位于底部，并应使用所需的高度。如果用户输入多行文本，输入框的高度可能会改变。msgs视图应填充其余高度（上方）。我不想将输入置于绝对位置，因为消息的平面列表应始终位于“可见”区域

信息（平面列表）
输入框

不要为您的输入提供flex样式

---

给出包装器并列出一个

flex:1

样式。包装器将占用其父级中的所有空间（我假设是屏幕）。列表将占用包装器中的所有空间。输入将位于底部。

您是否尝试过使用alignItems:space-Beween；我所有的视图都是flex:1和之间有空格的wrapper，我再也看不到任何东西了。可能视图被flex:1推到了屏幕上；尝试仅在父视图中使用flex:1

<View style={styles.wrapper}>
 <View style={styles.msgs}>Messages (FlatList)</View>
 <View style={styles.input}>Inputbox</View>
</View>