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

React Native: наследование стилей

Вопрос

У View задан color: 'red', внутри Text без стиля. Какого цвета будет текст?

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

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

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

Коротко

Правильный ответ: Цвета по умолчанию: от View стили текста не наследуются. В React Native нет каскада CSS.

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

  1. Красного: стили наследуются по дереву компонентов так же, как в CSS
  2. Цвета по умолчанию: от View стили текста не наследуютсяправильный ответ
  3. Код упадёт с ошибкой: свойство color у View запрещено валидацией стилей
  4. Красного, но только на iOS, а на Android наследования стилей нет

Разбор

В React Native нет каскада CSS. Стили текста наследует вложенный Text от родительского Text, и только. View не передаёт color детям (свойство для View просто не применяется). Ошибки нет, платформенной разницы тоже. Общий стиль текста делают своим компонентом AppText с темой.

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

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