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

Expo Snack

PreviousЗапуск проекту на віртуальних пристрояхNextВерстка і стилізація

Last updated 1 year ago

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

Для цього достатньо зайти на сторінку і спробувати написати код. У стовпчику зліва розташована структура проєкту, По центру - код в поточному файлі. Справа - емуляція написаного коду. Згори - назва поточного проєкту, можливість переглянути проєкт на девайсі, завантажити проєкт на компʼютер, а також меню авторизації.

Щоб протестувати код, у правому меню потрібно обрати вкладнику My Device і відсканувати камерою смартфона QR-код. Програма відкриється на телефоні за умови, якщо на телефоні встановлено .

Також можна протестувати код на емуляторах iOS і Android. Для цього потрібно відкрити відповідну вкладнику і натиснути Tap to play.

Закладника Web не завжди коректно відображає функціонал коду. Звичайно найкраще перевіряти на реальних пристроях.

У нижньому меню є можливість увімкнути нижню панель і відстежувати на ній повідомлення в консолі.

Якщо нам необхідно встановити для проєкту якісь додаткові пакети, то їх треба прописати у файлі package.json.

Написаний код ми можемо зберегти у свої Snack. Для цього потрібно авторизуватися на сайті.

Кожному Snack буде надано унікальну адресу, яку можна шерити іншим розробникам. А також вбудовувати як приклади на інших сайтах.

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

📚
1️⃣
Expo Snack
Конфігурування налаштувань проєкту
package.json
Expo Snack
Expo