Уровень 6. Закрепление стилей и кнопочки

 В прошлый раз мы немного поигрались со стилями и цветами. Посмотрим, что еще можно с этим сделать и введем новый компонент TouchableOpacity.

Кнопка Button  которую мы применяли раньше, не очень удобна. Не так много вариантов, чтобы изменять ее отображение. Чаще всего используется TouchableOpacity, стили к этому компоненту применяются также, как к View.

  • повтори вот так

____________________________________________________________________________________

*Расшифровка кода

И я обещала рассказать про конструкцию после onPress.

Когда мы нажимаем на кнопку, то вызывается функция, которую мы передаем в onPress:

() => Alert.alert("Нажми меня еще раз")

Пустые скобки означают, что в функцию не передаются никакие параметры. Alert - это компонент, который выводит отдельное окно с текстом. Обычно используется для отладки кода или как простой способ сказать пользователю, что что-то пошло не так или наоборот прошло успешно.

____________________________________________________________________________________

*Задание со звездочкой
  • сделай закругление у кнопки точно такое же, как на картинке
____________________________________________________________________________________

Перейти на следующий уровень

Комментарии

Популярные сообщения из этого блога

Игра для тех, кому интересно научиться создавать мобильные приложения. Уровень 1

Уровень 2. Нажми меня еще раз

Уровень 3. React Native, Expo, что это все такое?