Как открыть меню dev react-native на реальном устройстве

Я уже видел несколько пограничных случаев и странный интерфейс разработчика.

С "встряхнуть устройство", что очень непрактично, особенно с планшетом

до работа вокруг Android studio для имитации нажатия кнопки.

есть ли хороший способ сделать это? Не можем ли мы использовать API стажера, чтобы иметь кнопку отладки в нашем приложении для запуска такого меню, как navigator.popUpDevMenu()?

а если нет, то как вы встряхиваете ваш планшет, чтобы заставить его работать. Это предназначено для решения как настроить HMR на реальном устройстве тоже. React native действительно улучшает опыт разработки, но я бы сказал, что конкретная вещь немного замедляет его.

14
android ios react-native reactjs webpack-hmr

2 ответов

если вы находитесь на mac, есть удобный инструмент под названием Frappe. https://github.com/niftylettuce/frappe

вы можете использовать эту команду из командной строки

adb shell input keyevent 82

, если не react-native run-android или если устройство отключается после запуска react-native run-android. Вам нужно повторно включите порт сервера разработки. Вы можете запустить эту команду и повторить попытку с предыдущей команда

adb reverse tcp:8081 tcp:8081

редактировать: это решение работает только для android устройств и является одним из хаков, предложенных в вопросе выше. Так это недоказуемое. Однако он выбран в качестве действительного ответа, пока это не произойдет.

34

в случае, если у вас есть телефон Xiaomi, данный ответ не будет работать, потому что есть опция безопасности, предотвращающая всплывающее окно, чтобы открыть, и вам нужно разрешить его для вашего приложения :

перейдите в настройки > установленные приложения > [ваше имя приложения] > разрешение менеджер, и включить "отображение всплывающего окна".

встряхните еще раз. Меню разработчика должно появиться, как и ожидалось, только с помощью небольшая дрожь.

источник: https://matthewphiong.com/debugging-react-native-app-on-a-xiaomi-phone

0