Я хочу, чтобы две кнопки сидели в одном ряду, чтобы они занимали все доступное пространство. На Android это выглядит нормально, но ширина кнопок iOS обернута вокруг кнопки «контент». Единственный способ, которым мне удалось изменить это на iOS, - передать ширину в подпорках. Тем не менее, я бы предпочел использовать правильно работающую flexbox с функциями роста и сжатия, как они мне нужны.
Buttons
находятся внутри <View/>
. Проверил мой CSS с помощью react-devtools
. Контейнер действительно RCTView
со следующими стилями:
{
padding: 20;
flexDirection: row;
justifyContent: space-between;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
Сразу же внутри него находятся мои кнопки со стилями:
{
height: 45;
flex: 1;
backgroundColor: #c1c7d6;
marginRight: 10;
}
и
{
height: 45;
flex: 1;
marginLeft: 10;
}
Я также попытался добавить alignSelf: stretch
к стилям кнопок. Это не имеет значения.
Что мне не хватает?