react-native - 顶视图和底视图高度是固定的，中间视图需要适合剩余空间

Question

我有 3 个视图top view, middle view, bottom view. top viewand有它的bottom view组件，它们的高度固定在垂直对齐的container view. 现在，我需要middle view高度灵活，即高度middle view可以根据屏幕高度而变化，它需要适合剩余空间。你能帮我弄清楚这个吗？

Answer 1

这可能会有所帮助

<View style={{flex:1}}>

  <View> ... </View> <!-- Top View ->

  <View style={{flex:1}}> ... </View> <!-- Middle View ->

  <View> ... </View> <!-- Bottom View ->

</View>