Выбор ответа Middle Компоненты и стили обновлено

React Native: отличия Flexbox от веба

Вопрос

Какое умолчание Flexbox в React Native отличается от CSS в браузере?

Попробуйте сами

Выберите вариант, и откроется разбор.

Показать ответ и разбор

Коротко

Правильный ответ: flexShrink по умолчанию равен 0, а не 1, как в вебе. В RN flexShrink по умолчанию 0, поэтому элементы сами не сжимаются, и длинный текст в строке может вылезти за край.

Варианты ответа

  1. justifyContent по умолчанию center, а в вебе flex-start
  2. alignItems по умолчанию flex-start, а в вебе stretch
  3. flexShrink по умолчанию равен 0, а не 1, как в вебеправильный ответ
  4. flexWrap по умолчанию wrap, поэтому элементы переносятся сами

Разбор

В RN flexShrink по умолчанию 0, поэтому элементы сами не сжимаются, и длинный текст в строке может вылезти за край. Также отличаются flexDirection (column), alignContent (flex-start) и position (relative). justifyContent по умолчанию flex-start, alignItems по умолчанию stretch, flexWrap по умолчанию nowrap, как и в вебе.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.