У меня есть расположение ниже, как показано на прикрепленном изображении
<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 фиксированной ширины вид слева и справа.И центральный вид, чтобы заполнить оставшееся центральное пространство.
Это прекрасно работает, если содержимое внутри центрального вида небольшое, но в тот момент, когда оно увеличивается, оно выталкивает правый боковой вид вправо от родителя.view.
Как сделать так, чтобы центральный контейнер заполнял среднее пространство, но не выдвигал правый вид при его росте?