Добавим компонент src/components/Input
.
Возвращать этот компонент должен элемент View
.
Стили этого компонента должны быть массивом стилей.
Первый элемент массива должен содержать следующие стили: borderRadius
- 4
, height
- 35
, flex
- 1
,
paddingLeft
- 10
, backgroundColor
- colors.white
, shadowOpacity
- 0.4
, shadowRadius
- 3
,
shadowOffset
- { width: 0, height: 1 }
, shadowColor
- colors.black
, elevation
- 3
, borderWidth
- 0
.
Второй элемент массива - переданное свойство style
, равное пустому объекту по умолчанию.
Внутри TouchableOpacity
добавь элемент TextInput
со следующими стилями:
flex
- 1
, color
- colors.black
, justifyContent
- center
, fontFamily
- RobotoRegular
, fontSize
- 18
.
Пробрось в TextInput
свойства placeholder
, onChangeText
и value
.
Эта задача — часть курса по Full-Stack JavaScript.
Ты можешь задать свой вопрос в комментариях под постом.
Если ты уже решил задачу, то не стесняйся помочь другим.