💻
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. Налаштування робочого середовища

Перший проект

PreviousНалаштування середовища розробкиNextНалаштування емуляції Android (Android Studio + JDK)

Last updated 1 year ago

Для початку потрібно переконатися, що на компʼютері встановлена остання версія LTS Node.js. Для цього в терміналі пишемо:

terminal
node -v

Останню версію LTS Node.js можна завантажити на .

Розгортаємо expo проєкт. Запускаємо команду в терміналі:

terminal
npx create-expo-app AwesomeProject

AwesomeProject - це назва теки в якій буде створено проєкт.

Після цього можна зайти в теку нашого проєкту.

terminal
cd AwesomeProject

І ЗАПУСТИТИ ПРОЄКТ

termianal
npx expo start

Поділюся досвідом. Я на компʼютері маю папку GitHub в якій містяться всі проекти. Кожен проект в окремій папці. Створимо на GitHub сайті новий репозиторій з проєктом мобільного застосунку і створимо його клон у себе на компʼютері в папці GitHub. І тепер вищезгаданим методом в терміналі зайдемо в папку GitHub і Запустимо команду

npx create-expo-app НАЗВА_СКЛОНОВАНОЇ ПАПКИ_ПРОЕКТУ

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

Щоб відкрити проєкт на своєму пристрої потрібно:

  • Встановити додаток

  • Відсканувати QR-коди, який зʼявиться в терміналі

Щоб тестувати застосунок на симуляторі iOS потрібно натиснути кнопку i, щоб тестувати на симуляторі Android, потрібно ввести a. Але для цього потрібно встановити додатковий софт. А який саме розглянемо далі.

Посилання на офіційну документацію:

📚
1️⃣
Expo швидкий старт
офіційному сайті
Expo