Тестирование на устройстве
Ничто не сравнится с тем, чтобы тапать по своему приложению на реальном телефоне. Веб-предпросмотр отлично подходит для быстрого взгляда, но вид на устройстве — это истина: настоящие шрифты, настоящие жесты, настоящая производительность. AppX делает это доступным в один скан QR.
Установите Expo Go
Expo Go — это бесплатное приложение, которое запускает ваш предпросмотр AppX на телефоне:
- iOS — App Store
- Android — Google Play
AppX строится на Expo SDK 54, поэтому используйте свежую версию Expo Go.
Подключение в первый раз
- Откройте свой проект в AppX.
- Дождитесь готовности приложения (индикатор статуса в рабочем пространстве).
- Отсканируйте QR-код в панели предпросмотра:
- iOS — откройте Expo Go, нажмите Scan QR Code.
- Android — откройте Expo Go, нажмите значок сканирования.
Приложение собирается и загружается — первая загрузка занимает несколько секунд, пока скачивается JavaScript-бандл. После этого всё мгновенно.
Оставаться на связи с Fast Refresh
После подключения ваш телефон остаётся связанным с вашим проектом. Каждая правка, которую вы применяете в AppX, передаётся на ваше устройство автоматически через Fast Refresh — без повторного сканирования.
Fast Refresh сохраняет состояние навигации, поэтому если вы глубоко в приложении, когда прилетает изменение, вы остаётесь ровно там, где были.
Если изменение не появляется, потрясите телефон, чтобы открыть меню разработчика Expo Go, и нажмите Reload.
Тестируйте на нескольких телефонах сразу
Отсканируйте один и то т же QR-код с более чем одного устройства, чтобы тестировать iOS и Android вместе — или провести живую демонстрацию для клиента. Каждый подключённый телефон обновляется одновременно.
Меню разработчика Expo Go
Потрясите телефон в Expo Go, чтобы открыть его:
| Опция | Назначение |
|---|---|
| Reload | Перезагрузить весь бандл приложения |
| Toggle Inspector | Тапните по любому элементу, чтобы изучить его стили |
| Toggle Performance Monitor | Оверлей FPS и памяти |
| Disable Fast Refresh | Полезно при отладке проблем, специфичных для перезагрузки |
iOS против Android: за чем следить
Приложения React Native могут выглядеть и вести себя немного по-разному на разных платформах. Распространённые места:
Вёрстка — высота строки статуса и безопасные зоны различаются. AppX оборачивает экраны в SafeAreaView, чтобы контент не заходил под вырез и индикатор «домой».
Навигация — у Android есть аппаратный/жестовый «назад»; iOS использует свайп-назад. Сгенерированная навигация обрабатывает оба.
Типографика — iOS по умолчанию использует San Francisco, Android — Roboto. Приложения AppX используют кастомные шрифты через expo-font для единообразного вида.
Тени — iOS использует свойства тени, Android — elevation. Попросите тень, и AppX добавит оба.
Если что-то выглядит неправильно только на одной платформе, просто опишите это в чате, и ИИ исправит платформо-специфичную проблему.
Устранение неполадок
«Something went wrong» при загрузке
- Обычно это ошибка JavaScript. AppX часто выводит её в чате.
- Прочитайте сообщение на экране — оно называет файл и строку.
- Вставьте его в чат: «Home показывает 'cannot read property of undefined' на строке 42 — исправь это».
QR сканируется, но приложение не загружается
- Убедитесь, что приложение запущено (индикатор статуса в AppX).
- Если оно спало, дайте ему несколько секунд проснуться, затем попробуйте снова.
- Используйте ручной способ: нажмите Copy Link рядом с QR-кодом, затем вставьте URL в Expo Go.
Выглядит иначе, чем в веб-предпросмотре
- Так и должно быть — веб-предпросмотр это приближение, а устройство это истина. Если что-то не так на устройстве, опишите это в чате.
«SDK version mismatch»
- Ваш Expo Go устарел. Обновите его из App Store / Google Play.
Работает на iOS, падает на Android (или наоборот)
- Поделитесь подробностями в чате, и AppX диагностирует платформо-специфичную причину:
"Падает на Android, когда я открываю экран Profile — на iOS работает.
Ошибка говорит: ..."
Дёрганые анимации или медленная прокрутка
- Часто это тяжёлый список или обработчик прокрутки. Опишите, что медленно, в чате и попросите проход по производительности.
Нет телефона под рукой?
- Веб-предпросмотр — приближённо, но годится для быстрых проверок вёрстки.
- iOS Simulator / Android Emulator — экспортируйте свой проект как ZIP (платные тарифы) и запустите
npx expo startлокально. Реальное железо всё равно остаётся последним словом перед публикацией.