Dev Menu (Меню разработчика)

Меню разработчика (Dev Menu) — это встроенное средство отладки в React Native, которое доступно только в режиме разработки. Оно позволяет быстро перезагружать приложение, включать инструменты отладки и просматривать структуру компонентов.

Вызов меню

В зависимости от платформы и среды запуска используется разный способ вызова:

  • iOS (симулятор): Cmd + D
  • Android (эмулятор): Cmd + M (на macOS) или Ctrl + M (на Windows/Linux)
  • Физическое устройство: потрясите устройство (Shake Gesture)

Если вы используете Expo Go, меню вызывается одинаково на обеих платформах — через потряхивание или сочетание клавиш в симуляторе/эмуляторе.

Основные функции

  • Reload — перезагружает JS-бандл без перезапуска нативного приложения.
  • Enable Fast Refresh — включает механизм быстрой перезагрузки, который сохраняет состояние компонентов при изменениях в коде (аналог Hot Reloading, но более надёжный).
  • Debug — открывает отладчик в браузере (устаревший способ; сейчас рекомендуется использовать Flipper).
  • Show Inspector — активирует инспектор компонентов: при нажатии на любой элемент на экране вы увидите его имя, пропсы и стили.
  • Toggle Performance Monitor — показывает метрики производительности: FPS, использование памяти, частоту ререндеров.

Важные замечания

  • Dev Menu недоступен в production-сборке (--variant release или через expo build).
  • Если меню не появляется, убедитесь, что приложение запущено в development-режиме (npx react-native run-android / run-ios или expo start).

После освоения Dev Menu вы сможете быстрее находить и исправлять ошибки в интерфейсе и логике приложения.