Comment puis-je “secoue” un appareil Android au sein de l'émulateur Android pour afficher le dev menu déboguer mon Réagir application Native
Je suis en train de travailler sur une croix-plate-forme de Réagir application mobile Native. Je suis en train d'écrire de la console.journal des états comme je l'ai développer. Je veux voir ces traces de Chrome alors que je suis en cours d'exécution de l'application Android dans le défaut émulateur Android. Selon Facebook de docs j'ai juste besoin de "secouer l'appareil". Comment puis-je faire dans l'émulateur Android?
D'accès dans l'application menu développeur:
Sur iOS secouer l'appareil ou appuyez sur ctrl + ⌘ + z dans le simulateur.
Sur Android secouer l'appareil ou appuyez sur le matériel le bouton de menu (disponible sur les anciens >appareils et dans la plupart des émulateurs, par exemple, dans genymotion vous pouvez appuyez sur ⌘ + m >simuler matériel de menu bouton de la souris)
Vous devez vous connecter pour publier un commentaire.
Au sein de votre application dans l'Émulateur Android de presse
Command + M
sur OSX ouCtrl + M
sur Linux et Windows.Avec une Réagir running Natif dans l'émulateur,
Appuyez sur la touche ctrl+m (pour Linux, je suppose que c'est la même chose pour Windows et ⌘+m pour Mac OS X)
ou exécuter la ligne suivante dans le terminal:
Si vous utilisez l'émulateur nouveau qui vient avec Android Studio 2.0, le raccourci clavier pour la touche menu est maintenant Cmd+M, tout comme dans Genymotion.
Sinon, vous pouvez toujours envoyer un bouton de menu appuyez sur à l'aide de
adb
dans un terminal:Également noter que le bouton de menu contextuel n'est pas une exigence stricte, c'est juste le comportement par défaut fourni par le
ReactActivity
classe Java (qui est utilisé par défaut si vous avez créé votre projet avecreact-native init
). Voici le code deonKeyUp
dansReactActivity.java
:Si vous êtes l'ajout de Réagir Natif à une application existante (la documentation ici) et que vous n'utilisez pas
ReactActivity
, vous aurez besoin d'accrocher le bouton de menu dans une manière similaire. Vous pouvez également appelerReactInstanceManager.showDevOptionsDialog
par tout autre mécanisme. Par exemple, dans une application que je suis en train de travailler sur, j'ai ajouté un dev seule Action de la Barre élément de menu qui affiche le menu, car je trouve cela plus pratique que les secousses de l'appareil lorsque vous travaillez sur un appareil physique.ReactActivity
et je n'ai pas accroché sur le bouton menu par d'autres moyens."Ctrl + m" works pour Windows dans l'émulateur Android pour afficher la Réaction Natif menu développeur.
Ne pouvais pas trouver que la documentation de n'importe où.
Trouvé mon chemin, deviner le reste... Bon sang.
Par la route: OP: Vous n'avez pas mentionné l'OS que vous étiez.
Commande '+ M' pour OSX est de travailler pour moi.
Pour Linux, vous cliquez sur les trois points "..." à côté de l'émulateur, sur les capteurs Virtuels cochez la case "Déplacer" et puis essayer de passer rapidement soit x, y ou z coordonnées.
Utilisation
command + m(cmd + M)
sur MAC. Aussimake sure that you are accessing your application while you try to access the Debug Menu
par exemple, votre application doit être en cours d'exécution autrementCmd + M
sera juste retour de l'ordinaire habituel menu du téléphone.Je suis sur Mac OS, donc quand j'appuie sur Commande, il faut activer l'option zoom.
Voici ma solution
Settings
tab ->General
tab ->Send keyboard shortcuts to
champVirtual device"
comme indiqué dans l'imageAprès cela, se concentrer sur l'émulateur et appuyez sur Commande + M, la dev-menu s'affiche.
sur linux ctrl+m devrait fonctionner, mais il n'a pas pour résoudre le problème, cliquez sur le (...) (étendue des contrôles), puis fermez cette fenêtre.maintenant, vous pouvez ouvrir le menu en appuyant sur ctrl+m. alors:
cliquez sur le (...) (étendue des contrôles)
fermer contrôle étendu de
ctrl+m
Il peut-être pas de solution immédiate, mais j'ai créé une lib qui permet de utiliser 3 doigts tactiles au lieu de secouer pour ouvrir dev menu, lorsque le mode de développement
https://github.com/pie6k/react-native-dev-menu-on-touch
Vous n'avez qu'à envelopper votre application à l'intérieur:
importation DevMenuOnTouch de "réagir-native-dev-menu-sur-touchez';
//ou: importer { DevMenuOnTouch } à partir de 'réagir-native-dev-menu-sur-touch" à l'
Il est vraiment utile lorsque vous devez déboguer sur le périphérique réel et vous avez co-travailleurs assis à côté de vous.
Pour les portables windows
Touche fn + Ctrl + m