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

Question

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

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

Answer 1

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

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