Comment activer le rechargement en direct dans React Native sur Android?

118

Comment puis-je activer le rechargement en direct dans l'émulateur Android?

La documentation pour Android n'était pas très utile pour un noob Android.

android react-native Kenneth Lynne
la source
Comment cela peut-il être fait lors de l'utilisation d'un appareil @Kenneth Lynne?
philip oghenerobo balogun
4
Secouez l'appareil (assurez-vous d'avoir créé la version de développement)
Kenneth Lynne
1
Merci. J'utilise adb shell input keyevent KEYCODE_MENUdepuis un moment maintenant. Fonctionne bien pour moi
philip oghenerobo balogun
Sélectionnez l'émulateur etCmd+M
onmyway133

Réponses:

260

  • Tapez ce qui suit dans votre invite de commande pour installer et lancer votre application sur l'appareil ou l'émulateur:

    $ react-native run-android

  • Cliquez ensuite sur l'émulateur et appuyez sur CTRL + M ( CMD + M sur MacOS) ou secouez l'appareil Android qui a l'application en cours d'exécution.

  • Sélectionnez ensuite l' option Activer le rechargement en direct dans la fenêtre contextuelle.

    entrez la description de l'image ici

itzmebibin
la source
23
ne fonctionne pas sur mac avec cmd + m, je dois couriradb shell input keyevent 82
TomSawyer
1
J'espère que cela aide. Vous devez cliquer sur la barre de fenêtre pour utiliser Ctrl + M / Cmd + M
bao vu dao
3
ios: 'Appuyez sur Cmd + R pour recharger, \ n' + 'Cmd + D ou secouer pour le menu de développement', Android: 'Appuyez deux fois sur R sur votre clavier pour recharger, \ n' + 'Secouez ou appuyez sur le bouton de menu pour le menu de développement ',
Ashish Yadav
1
Activer le rechargement à chaud dans l'application native de réaction: skptricks.com/2018/07/enable-hot-reloading-in-react-native.html
sumit kumar pradhan
1
Notez que si vous envisagez d'utiliser des raccourcis clavier dans l'émulateur Android, vous devez définir cette option: Paramètres-> Envoyer les raccourcis clavier à: `` Appareil virtuel '' comme je le fais et cela a fonctionné pour moi.
Newbi
19

J'étais aveugle. Il déclare clairement:

Sur Android, secouez l'appareil ou appuyez sur le bouton de menu matériel (disponible sur les appareils plus anciens et dans la plupart des émulateurs, par exemple dans genymotion, vous pouvez appuyer sur ⌘ + m ou F2 pour simuler le clic du bouton du menu matériel). Vous pouvez également installer Frappé, un outil pour OS X, qui vous permet d'émuler le tremblement des appareils à distance. Vous pouvez utiliser ⌘ + Maj + R comme raccourci pour déclencher une secousse de Frappé.

Kenneth Lynne
la source
2
Pour un appareil Android physique, j'ai trouvé qu'en appuyant longuement sur le bouton de menu de l'appareil, le menu de rechargement apparaît.
Rowan Gontier
De plus, pour les appareils physiques, vous pouvez secouer le téléphone qui fait apparaître le menu
d_bhatnagar
7
  • Utilisation des raccourcis:, CTRL + Mou CMD + M(macOS)
  • Depuis le terminal: adbshell input keyevent 82

Remarque importante: en utilisant Expo , assurez-vous que vous êtes en mode développement . Les raccourcis ne fonctionneront pas en mode production pour l'émulateur Android.

J'ai activé cela via Expo XDE en appuyant sur le rouage à côté de l'URL et en vérifiant le mode de développement. Vous devrez peut-être reconstruire.

Expo - Mode développement

entrez la description de l'image ici

Vahid Hallaji
la source
6

J'utilise Redmi note 3 à des fins de débogage et je faisais face à un problème similaire. La solution était que MIUI désactive par défaut l'autorisation contextuelle pour les applications, ce qui est nécessaire dans ce cas pour obtenir l'écran de rechargement. Après avoir activé l'autorisation contextuelle pour mon application, cela fonctionne parfaitement. J'espère que ça aide quelqu'un.

Ishwar Rimal
la source
pouvez-vous me dire comment l'activer
evilmind
désolé pour la réponse tardive. Je suppose que maintenant, vous avez peut-être compris comment le faire. Sinon, vous pouvez le trouver dans la section autorisation de vos paramètres.
Ishwar Rimal
5

Pour activer le rechargement à chaud ou le rechargement en direct sur l'appareil ( téléphone Android externe ):

Tout d'abord, exécutez l'application à l'aide react-native run-androiddu terminal.

Maintenant, secouez l'appareil Android qui a l'application en cours d'exécution.

Sélectionnez ensuite l' option Enable Hot Reloadingou Enable Live Reloaddans la fenêtre contextuelle.

novonimo
la source
4

Pour activer le rechargement en direct dans React Native à l'aide d'Android, vous devez suivre les étapes suivantes:

  • Ouvrez votre émulateur;
  • Exécutez votre application (react-native run-android);
  • Assurez-vous que votre application est en cours d'exécution;
  • Cliquez sur l' émulateur et appuyez sur: CTRL + M .

Certaines options seront ouvertes et vous sélectionnez "Activer le rechargement en direct" comme l'image ci-dessous. Cliquez pour voir l'image

Rodrigo Xavier
la source
2

J'ai découvert que, si j'exécute à react-native run-androidpartir de la console, la modification et l'enregistrement du fichier (avec n'importe quel éditeur) ne rechargent pas l'application.

Mais lorsque j'exécute l'application à partir de la console de code VS , le rechargement en direct fonctionnait pour chaque modification et enregistrement.

Je pense que vous pourriez avoir besoin d'un IDE (tel que du code VS) pour le rechargement en direct.

Shamsul Arefin Sajib
la source
Vous pouvez l'activer en appuyant sur la touche menu ou CTRL + m et en sélectionnant "Activer le rechargement en direct"
Asce4s
0

Si quelqu'un essaie d'ouvrir le menu développeur intégré dans l'application React native

Android -> CTRL + M ou vous pouvez également secouer votre appareil

et

IOS -> ⌘ + m (CMD + M) ou dispositif de tremblement

si pour une raison quelconque IOS Simulator ne fonctionnait pas avec une raison quelconque, essayez d'ouvrir

simulateur -> Matériel -> Shake Gesture (Pour moi ^ ⌘Z)

Wasi Sadman
la source