react-native - 下部の固定ビュー (可変高) と残りの高さを他のビューで埋める

Question

チャットを構築したい。メッセージのビューには、メッセージとメッセージの入力フィールドがあります。入力ボックスは一番下にあり、必要な高さを使用する必要があります。ユーザーが複数行のテキストを入力すると、入力ボックスの高さが変わることがあります。msgs-View は残りの高さ (上記) を埋める必要があります。メッセージの FlatList は常に「可視」領域にある必要があるため、入力を絶対に配置したくありません。

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