💻
React Native
  • 👨‍💻Full-Stack Web Developer
  • 📚Теорія
    • 1️⃣Налаштування робочого середовища
      • Вступ
      • Налаштування середовища розробки
      • Перший проект
      • Налаштування емуляції Android (Android Studio + JDK)
      • Налаштування емуляції Iphone (Xcode)
      • Запуск проекту на віртуальних пристроях
      • Expo Snack
    • 2️⃣Верстка і стилізація
      • Функціональні та класові компоненти
      • Базові компоненти
      • Фундаментальні концепції React в React Native
      • Стилізація компонентів
      • Стилізація залежно від платформи
      • Кольори
      • Зображення
      • Векторна графіка
      • Розташування компонентів
      • Робота зі шрифтами
      • Колекції даних
      • Дебаг застосунку
    • 3️⃣Обробка подій
      • Обробка подій
      • Обробка текстових інпутів
      • Інпути в фокусі
      • Форма для збору даних
      • Робота з клавіатурою
      • Перехоплення подій
    • 4️⃣Навігація
      • Підключення навігації
      • Перемикання екранів
      • Передача параметрів між екранами
      • Хедер екрану
      • Вкладена навігація
      • Нижня навігація
    • 5️⃣Нативні компоненти
      • Камера
      • Мапи
      • Геолокація
    • 👷Практика
      • 1️⃣Завдання 1
      • 2️⃣Завдання 2
      • 3️⃣Завдання 3
      • 4️⃣Завдання 4
      • 5️⃣Завдання 5
      • 6️⃣Завдання 6
      • 7️⃣Завдання 7
    • Додаткові покликання
  • Про мене
    • Про мене
Powered by GitBook
On this page
  1. Теорія
  2. Практика

Завдання 2

Створення базової структури проекту, верстка екранів, стилізація, дебагінг

PreviousЗавдання 1NextЗавдання 3

Last updated 1 year ago

Створимо застосунок соцмережі для художників, де вони зможуть публікувати свої картини і отримувати відгуки.

  1. Створити папку screens

  2. Створити компонент RegistrationScreen

  3. Створити компонент LoginScreen

  4. Додати розмітку форми в компонент RegistrationScreen

  5. Додати розмітку форми в компонент LoginScreen

  6. Додати стилі до компонента RegistrationScreen

  7. Додати стилі до компонента LoginScreen

* Зсування макета при відкритій клавіатурі виправляється на наступному завданні.

Матеріали:

📚
👷
2️⃣
Макет