web-dev-qa-db-fra.com

Comment activer Live Reload dans réagit-il nativement sur Android?

Comment puis-je activer la recharge en direct dans l'émulateur Android?

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

androidreact-native
80
Kenneth Lynne

  • Tapez ce qui suit dans l'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 sous MacOS) ou secouez l'appareil Android doté de l'application en cours d'exécution.

  • Sélectionnez ensuite l'option Activer Live Reload dans la fenêtre contextuelle.

     enter image description here

187
BIBIN K ONANKUNJU

En exécutant la commande, le menu de configuration apparaîtra adb Shell input keyevent 82

Documentation

39
Jhony Taveira

J'étais aveugle. Il est clairement indiqué:

Sous Android, agitez l’appareil ou appuyez sur le bouton de menu du 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 un clic du bouton du menu du matériel). Vous pouvez Installez également Frappé, un outil pour OS X, qui vous permet d’émuler secouer les appareils à distance. Vous pouvez utiliser ⌘ + Maj + R comme raccourci frapper Frappé.

12
Kenneth Lynne

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

5
ishwar rimal

Pour activer le rechargement en direct dans React Native avec Android, procédez comme suit:

  • Ouvrez votre émulateur;
  • Exécutez votre application (réact-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 s'ouvriront et vous sélectionnerez "Activer Live Reload" comme image ci-dessous . Cliquez pour voir l'image

4
Rodrigo Xavier
  • Utilisation de raccourcis: CTRL + M ou CMD + M (macOS) 
  • Depuis le terminal: adbshell input keyevent 82

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

Je l'ai activé 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 de développement

 enter image description here

2
Vahid Hallaji

J'ai découvert que, Si j'exécute react-native run-Android à partir 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 VS Code Console , le rechargement en direct fonctionnait pour chaque modification et sauvegarde.

Je pense que vous pourriez avoir besoin d'unIDE(tel que du code VS) pour recharger en direct.

0
Shamsul Arefin Sajib

Si quelqu'un essaie d'ouvrir le menu du développeur intégré à l'application en mode natif

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

et

IOS -> + m (CMD + M) ou dispositif d'agitation

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

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

0
Wasi Sadman

Pour activer le rechargement à chaud ou le rechargement en direct sur le périphérique ( téléphone Android externe ):

Tout d'abord, exécutez l'application à l'aide de react-native run-Android sur le terminal.

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

Ensuite, sélectionnez l'option Enable Hot Reloading ou Enable Live Reload dans la fenêtre contextuelle.

0
novonimo