Come "scuoto" un dispositivo Android all'interno dell'emulatore Android per visualizzare il menu di sviluppo per eseguire il debug della mia app React Native

Sto lavorando a un'app mobile React Native multipiattaforma. Sto scrivendo istruzioni console.log mentre sviluppo. Voglio vedere queste dichiarazioni di registrazione in Chrome mentre eseguo l'app Android nell'emulatore Android predefinito. Secondo i documenti di Facebook, devo solo "scuotere il dispositivo". Come posso farlo nell'emulatore Android?

Per accedere al menu sviluppatore in-app:

Su iOS scuoti il ​​dispositivo o premi control + ⌘ + z nel simulatore. Su Android scuoti il ​​dispositivo o premi il pulsante menu hardware (disponibile su dispositivi> precedenti e nella maggior parte degli emulatori, ad esempio in genymotion puoi premere ⌘ + m per> simulare clic sul pulsante menu hardware)

Nella tua app nell'emulatore Android premi Command + Msu OSX o Ctrl + Msu Linux e Windows.

Con un nativo React in esecuzione nell'emulatore,
premi ctrl+ m(per Linux, suppongo che sia lo stesso per Windows e ⌘+ mper Mac OS X) o esegui quanto segue nel terminale:

adb shell input keyevent 82

Se stai utilizzando il nuovo emulatore fornito con Android Studio 2.0, la scorciatoia da tastiera per il tasto menu è ora Cmd + M, proprio come in Genymotion.

In alternativa, puoi sempre inviare una pressione del pulsante menu utilizzando adbin un terminale:

adb shell input keyevent KEYCODE_MENU

Si noti inoltre che il collegamento al pulsante menu non è un requisito rigoroso, è solo il comportamento predefinito fornito dalla ReactActivityclasse Java (che viene utilizzato per impostazione predefinita se si è creato il progetto con react-native init). Ecco il codice rilevante da onKeyUpin ReactActivity.java:

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

Se stai aggiungendo React Native a un'app esistente ( documentazione qui ) e non stai utilizzando ReactActivity, dovrai collegare il pulsante del menu in modo simile. Puoi anche chiamare ReactInstanceManager.showDevOptionsDialogqualsiasi altro meccanismo. Ad esempio, in un'app su cui sto lavorando, ho aggiunto una voce di menu della barra delle azioni solo per sviluppatori che fa apparire il menu, poiché lo trovo più conveniente che agitare il dispositivo quando si lavora su un dispositivo fisico.

'Ctrl + m' funziona per Windows nell'emulatore Android per visualizzare il menu sviluppatore React-Native.

Impossibile trovare documentato da nessuna parte. Ho trovato la mia strada qui, indovinato il resto ... Buon dolore.

A proposito: OP: non hai menzionato il sistema operativo in cui ti trovavi.

Per Linux fai clic sui tre punti "..." accanto all'emulatore, su Sensori virtuali seleziona "Sposta" e quindi prova a spostare rapidamente le coordinate x, yo z.

'Command + M' per OSX sta lavorando per me.

Sono su Mac OS, quindi quando premo Comando, abilita l'opzione di zoom. Ecco la mia soluzione

• Aprire il pulsante [...] della finestra di configurazione
• Vai alla Settingsscheda -> Generalscheda -> Send keyboard shortcuts tocampo
• Cambia il valore Virtual device"come mostrato in figura

Dopo aver focalizzato l'attenzione sull'emulatore e premere Comando + M, viene visualizzato il menu dev.

Utilizzare command + m(cmd + M)su MAC. Inoltre, la make sure that you are accessing your application while you try to access the Debug Menutua app deve essere in esecuzione, altrimenti Cmd + Mtornerà semplicemente al normale menu del telefono.

Come durante lo sviluppo di app native reattive, giochiamo così tanto con il terminale

così ho aggiunto uno script negli script nel file package.json

"menu": "keybent di input della shell adb 82"

e ho colpito il menu $ filato

affinché il menu appaia sull'emulatore, inoltrerà il codice chiave 82 all'emulatore tramite ADB non nel modo ottimale ma mi piace e mi è sembrato di condividerlo.

su Linux ctrl + m dovrebbe funzionare ma non per risolvere il problema fare clic su (...) (i suoi controlli estesi) e quindi chiudere quella finestra. Ora puoi aprire il menu con ctrl + m. poi:

1. clicca su (...) (i suoi controlli estesi)

2. chiudi controlli estesi

3. Ctrl + M

Potrebbe non essere una soluzione diretta, ma ho creato una libreria che ti consente di utilizzare il tocco di 3 dita invece di agitare per aprire il menu dev, quando in modalità di sviluppo

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

Devi solo avvolgere la tua app all'interno:

importare DevMenuOnTouch da "Rea-native-dev-menu-on-touch"; // oppure: importa {DevMenuOnTouch} da "Rea-native-dev-menu-on-touch"

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

È davvero utile quando devi eseguire il debug su un dispositivo reale e hai dei colleghi seduti accanto a te.

Stavo provando una versione di rilascio tramite adb install -r -d <app-release>.apk🤦

Assicurati di eseguire la build di debug , quindi il menu funzionerà tramite il collegamento o l'interfaccia della riga di comando.

Per laptop Windows fn Tasto + Controllo + m