Добавим компонент src/components/Buttons/Button
.
Возвращать этот компонент должен элемент TouchableOpacity
со стилями:
borderRadius
- 4
, height
- 35
, width
- 120
, justifyContent
- center
,
alignItems
- center,
backgroundColor-
colors.blue3,
shadowOpacity-
0.4,
shadowRadius-
3,
shadowOffset-
{width: 0, height: 1},
shadowColor-
colors.blue,
elevation-
3,
borderWidth-
0. Свойство onPress компонента должно быть проброшено в
TouchableOpacity. Если свойство
loadingравняется
true- внутри
TouchableOpacityдолжен быть
ActivityIndicator. У
ActivityIndicatorсвойство
sizeустанови в
small, а
color- в
colors.blue. Если свойство
loadingравняется
false- внутри
TouchableOpacityдолжен быть
Text.
Textдолжен отображать свойство
text, с цветом
colors.blue.
TouchableOpacityдолжен быть отключен, когда
loading-
true`.
Эта задача — часть курса по Full-Stack JavaScript.
Ты можешь задать свой вопрос в комментариях под постом.
Если ты уже решил задачу, то не стесняйся помочь другим.