React Native：填充左右两个固定视图之间剩余区域的视图

Question

我的下面布局如附图所示排列

<View style={{flexDirection: 'row',justifyContent:'space-between'}}>

    <View style={{width:90}}></View>  //fixed left container
    <View style={{flexGrow:1}}></View>    //the center view
    <View style={{width:90}}></View>    //fixed right container

</View>

我有3个水平对齐的视图。 2左右固定宽度视图。以及填补剩余中心空间的中心视图。

如果中心视图中的内容很小，但是当它变长的时候，它会将右侧视图推向右侧，在父视图之外，这样可以正常工作。

如何让中心容器填充中间空间，而不是在正确的视图生长时推动它？

Answer 1

将 flex：1 添加到中心视图