Уроки React Native

#9 – Модальные окна и векторные иконки

#9 – Модальные окна и векторные иконки

Для реализации небольших картинок в проекте мы будем использовать векторные иконки. За урок мы установим необходимую библиотеку и научимся их использовать. Дополнительно мы разработаем всплывающее модальное окно.

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Полезные ссылки:


Векторные иконки

Векторные иконки это удобный и быстрый способ добавить небольшие картинки внутрь вашего проекта. Для использования векторных иконок требуется выполнить установку дополнительной библиотеки:

npm i @expo/vector-icons

После её установки вы можете использовать любые доступные иконки внутри вашего проекта. Принцип использования и названия иконок представлены на этом сайте.


Модальные окна

Модальные окна отличаются от всплывающих окон и от отдельных страниц программы. Модальное окно способно открываться внутри страницы без перехода на новую. При этом такое окно может быть открыто на всю ширину и высоту страницы. Внутри оно может содержать другие элементы разметки.


Вы можете использовать такие окна в случае необходимости добавить дополнительные действия на странице без перехода на новую страницу.


Для реализации модальных окон нужно использовать компонент Modal. Ниже пример реализации модального окна:

<Modal visible={true}>
	<Text>Модальное окон</Text>
</Modal>

Матеріали для курсу

Щоб завантажувати матеріали до відеокурсів, необхідно оформити підписку на сайт

Завдання до уроку

Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися

Фреймворк Next JS / Изучение NextJS для начинающих
8 уроків
Практика React JS / Разработка магазина (eCommerce)
9 уроків
Создание приложения на React JS / Использование API
7 уроків
Изучение React JS / Redux библиотеки
9 уроків
MERN Stack / Разработка веб-приложения
9 уроків
Курс по React JS для початківців
11 уроків
Коментарі
Додати коментар

Поки що коментарів немає