React-Native Button растянуть - PullRequest
0 голосов
/ 05 ноября 2018

Я хочу, чтобы две кнопки сидели в одном ряду, чтобы они занимали все доступное пространство. На 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 к стилям кнопок. Это не имеет значения.

Что мне не хватает?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...