Як я "струшу" пристрій Android в емуляторі Android, щоб відкрити меню розробок для налагодження мого додатка React Native

Я працюю на міжплатформенному мобільному додатку React Native. Я пишу заяви console.log під час розвитку. Я хочу бачити ці записи журналу в Chrome, поки я запускаю додаток Android у емуляторі Android за замовчуванням. Згідно з документами Facebook, мені просто потрібно «струснути пристрій». Як це зробити в емуляторі Android?

Щоб отримати доступ до меню розробника додатка:

На iOS струсіть пристрій або натисніть клавішу управління + ⌘ + z в тренажері. На Android струсіть пристрій або натисніть кнопку апаратного меню (доступно на старих> пристроях та в більшості емуляторів, наприклад, у genymotion ви можете натиснути ⌘ + m, щоб> імітувати натискання кнопки меню обладнання)

У додатку в Емуляторі Android натисніть Command + Mна OSX або Ctrl + Mв Linux та Windows.

Якщо React Native працює в емуляторі,
натисніть ctrl+ m(для Linux, я вважаю, це однаково для Windows та ⌘+ mдля Mac OS X) або запустіть наступне в терміналі:

adb shell input keyevent 82

Якщо ви використовуєте новий емулятор, що постачається разом з Android Studio 2.0, клавіатурне скорочення клавіші меню тепер є Cmd + M, як і в Genymotion.

Крім того, ви завжди можете надіслати натискання кнопки меню за adbдопомогою терміналу:

adb shell input keyevent KEYCODE_MENU

Також зауважте, що ярлик кнопки меню не є суворою вимогою, це лише поведінка за замовчуванням, що надається ReactActivityкласом Java (який використовується за замовчуванням, якщо ви створили проект react-native init). Ось відповідний код з onKeyUpв ReactActivity.java:

if (keyCode == KeyEvent.KEYCODE_MENU) {
  mReactInstanceManager.showDevOptionsDialog();
  return true;
}

Якщо ви додаєте React Native до вже наявного додатку ( тут документація ), а ви не використовуєте ReactActivity, вам потрібно буде підключити кнопку меню аналогічним чином. Ви також можете зателефонувати ReactInstanceManager.showDevOptionsDialogчерез будь-який інший механізм. Наприклад, у додаток, над яким я працюю, я додав пункт меню "Дія", який відображає меню лише для розробників, оскільки мені здається, що це зручніше, ніж струшувати пристрій під час роботи на фізичному пристрої.

'Ctrl + m' працює для Windows в емуляторі Android, щоб відкрити меню розробника React-Native.

Неможливо знайти це документально ніде. Знайшов тут свій шлях, решту здогадався ... Добре горе.

До речі: OP: Ви не згадали, на якій ОС ви працювали.

Для Linux ви натискаєте на три крапки "..." поруч з емулятором, на віртуальних датчиках клацніть "Перемістити", а потім спробуйте швидко перемістити координати x, y або z.

«Command + M» для OSX працює для мене.

Я перебуваю на Mac OS, тож коли я натискаю Command, вона вмикає можливість збільшення. Ось моє рішення

• Відкрийте вікно налаштування [...]
• Перейдіть на Settingsвкладку -> Generalвкладка -> Send keyboard shortcuts toполе
• Змініть значення, Virtual device"як показано на малюнку

Після цього зосередьтесь на емуляторі та натисніть Command + M, з'явиться меню розробника.

Використовуйте command + m(cmd + M)на MAC. Крім того, make sure that you are accessing your application while you try to access the Debug Menuтобто ваш додаток повинен працювати в іншому випадку, Cmd + Mвін просто поверне звичайне звичайне меню телефону.

Оскільки під час розробки власних додатків реагуємо, ми так багато граємо з терміналом

тому я додав сценарій у сценарії у файлі package.json

"menu": "adb shell keyevent 82"

і я потрапив у меню $ пряжі

щоб меню з’явилося на емуляторі, воно передасть код клавіші 82 емулятору через ADB не оптимальним способом, але мені це подобається і я відчув, що їм поділитися.

на linux ctrl + m має працювати, але це не вирішує проблему, натисніть на (...) (його розширені елементи керування), а потім закрийте це вікно. тепер ви можете відкрити меню ctrl + m. тоді:

1. натисніть на (...) (розширені елементи керування)

2. закрити розширені елементи керування

3. ctrl + m

Це може бути не прямим рішенням, але я створив конфігурацію, яка дозволяє використовувати три пальці, а не тремтіти, щоб відкрити меню розробників, коли в режимі розробки

https://github.com/pie6k/react-native-dev-menu-on-touch

Вам потрібно лише загортати додаток всередину:

імпортувати DevMenuOnTouch з 'react-native-dev-menu-on-touch'; // або: імпортувати {DevMenuOnTouch} з 'react-native-dev-menu-on-touch'

class YourRootApp extends Component {
  render() {
    return (
      <DevMenuOnTouch>
        <YourApp />
      </DevMenuOnTouch>
    );
  }
}

Це дійсно корисно, коли вам доведеться налагоджувати на справжньому пристрої, а біля вас сидять колеги.

Я намагався створити версію через adb install -r -d <app-release>.apk🤦

Переконайтеся, що ви використовуєте збірку налагодження , тоді меню буде працювати за допомогою ярлика або CLI.

Для ноутбуків Windows fn Key + Control + m