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
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

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.

— itzmebibin
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

48

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

Documentation

— Jhony Taveira
source

lien mis à jour: facebook.github.io/react-native/docs/running-on-device.html

— navanjr

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
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

— Vahid Hallaji
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
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
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
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
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
source