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

Question

我想建立一个聊天室。在消息的视图中是消息和消息的输入字段。 Inputbox 应该在底部并且应该使用它需要的高度。如果用户输入多行文本，输入框的高度可以改变。 msgs-View 应该填满剩余的高度（上方）。我不想绝对定位输入，因为消息的 FlatList 应该始终在 "visible" 区域。

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

Answer 1

不要为您的输入赋予 flex 样式。

提供包装器并列出 flex: 1 样式。 Wrapper 将占据其父级（我假设是屏幕）中的所有 space。 list 将包含包装器中的所有 space。输入将位于底部。