Теперь поработаем над компонентом Details
. Он должен возвращать элемент View
.
У View
свойство marginVertical
должно равняться 10
.
Внутри View
сначала добавим элемент Text
: для значения detailsKey
defs
- внутренний текст Definition:
,
для значения examples
- Example:
, для значения synonyms
- Synonyms:
.
Стили текста: fontSize
- 14
, color
- colors.black
, fontFamily
- RobotoBold
.
После текста должен быть элемент View
.
Для detailsKey
, равному synonyms
, у этого View
элементы должны отображаться в строчку с переносом на новую строку.
Внутри этого элемента надо отобразить массив options
. Для каждого элемента показать компонент Option
.
Каждому Option
компоненту надо передать свойство option
, равное текущему элементу.
Также в каждый Option
надо пробросить word
and detailsKey
свойства.
lastOption
свойство Option
должно быть true
для последнего элемента в массиве options
.
Эта задача — часть курса по Full-Stack JavaScript.
Ты можешь задать свой вопрос в комментариях под постом.
Если ты уже решил задачу, то не стесняйся помочь другим.