Перейти к основному содержимому

Живой предпросмотр

Превью показывает приложение двумя способами: веб-превью в браузере для быстрых проверок и приложение на вашем телефоне по QR-коду.

Два способа предпросмотра​

Веб-превью​

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

Это приближение, поэтому кое-что отличается от реального устройства:

  • Только нативные возможности — камера, тактильный отклик, нативные жесты — здесь недоступны.
  • Некоторые анимации и платформенное поведение отображаются иначе, чем на телефоне.
  • Шрифты и отступы могут немного отличаться.
подсказка

Используйте веб-превью для проверки вёрстки и стилей. В браузере телефона вы видите веб-версию приложения; чтобы увидеть точные шрифты, нативные возможности и настоящую производительность, запустите его в Expo Go на Android или установите сборку из ZIP.

На телефоне​

Нажмите Открыть на телефоне в верхней панели. Отсканируйте QR-код камерой телефона, затем нажмите Открыть приложение; приложение откроется в браузере телефона — одинаково на iPhone и Android, в реальном размере и с настоящими касаниями. Это веб-версия приложения. На Android его можно запустить и внутри Expo Go: это то же приложение React Native, которое получат ваши пользователи.

Подключите телефон​

  1. Нажмите Открыть на телефоне в верхней панели.
  2. Отсканируйте QR-код камерой телефона, затем нажмите Открыть приложение. Приложение откроется в браузере телефона.
  3. Только на Android: нажмите Открыть в Expo Go, чтобы запустить его в Expo Go. Для этого нужна сборка Expo Go для SDK 54 со страницы загрузки Expo; версия из Google Play не может открыть проект AppX.

На iPhone ни одна сборка Expo Go не открывает проект AppX, поэтому там телефонная версия — это превью в браузере.

При первой загрузке скачивается JavaScript-бандл, поэтому она дольше следующих.

После правки​

После правки AppX перезапускает превью приложения. Перезагрузите страницу в браузере телефона (в Expo Go на Android: встряхните телефон → Reload), чтобы увидеть изменение; оно откроется на первом экране.

Когда приложение спит​

Каждый проект работает в собственном живом окружении приложения. Простаивающее приложение засыпает, чтобы экономить ресурсы, и само просыпается, когда вы в следующий раз открываете проект или сканируете QR-код. Пока оно спит, ничего не теряется. См. Как работает ваше приложение.

Как поделиться превью​

Кнопка Поделиться даёт ссылку, по которой работающее приложение открывается в браузере. Для версии на телефоне отправьте QR из Открыть на телефоне; он откроется в браузере телефона, а на Android ещё и в Expo Go.

Решение проблем​

QR-код не сканируется

  • Увеличьте яркость экрана.
  • Сканируйте камерой телефона.

Приложение не загружается

  • Если приложение спало, дождитесь, пока оно проснётся, затем попробуйте снова.
  • Отсканируйте QR-код ещё раз.

Изменения не отображаются

  • Перезагрузите страницу в браузере телефона. В Expo Go на Android встряхните телефон и нажмите Reload.

На телефоне падает, а в веб-превью всё хорошо

  • Обычно нативная возможность ведёт себя на устройстве иначе.
  • Опишите, что произошло — «приложение падает, когда я нажимаю кнопку фото», — и ИИ займётся этим.

Связанные страницы​

Тестирование на устройстве

Превью на телефоне, Expo Go на Android и отладка iOS и Android.

Как работает ваше приложение

Как приложение засыпает, просыпается и хранит ваши файлы.