How to enable live reload in react native on android?

Question

How can I enable live reload in the android emulator?

The documentation for android wasn't very helpful for a android noob.

Shake the device (make sure you built the development build) — Kenneth Lynne
– Kenneth Lynne, Commented Aug 14, 2017 at 14:36
Thanks. I've been using adb shell input keyevent KEYCODE_MENU for a while now. Works fine for me — Phil
– Phil, Commented Aug 15, 2017 at 15:36

Tunvir Rahman Tusher · Accepted Answer · 2018-01-16 08:29:18Z

269

Type the following in your command prompt to install and launch your app on the device or emulator:

$ react-native run-android
Then click on emulator and press CTRL + M (CMD + M on MacOS) or shake the Android device which has the running app.
Then select the Enable Live Reload option from the popup.

edited Jan 16, 2018 at 8:29

Tunvir Rahman Tusher

6,7102 gold badges39 silver badges33 bronze badges

answered Mar 3, 2017 at 5:56

itzmebibin

9,4479 gold badges52 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

TomSawyer Over a year ago

doesn't work on mac with cmd + m, i have to run adb shell input keyevent 82

bao vu dao Over a year ago

I hope it helps. You should click on window bar to use Ctrl+M / Cmd+M

Ashish Yadav Over a year ago

ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu', android: 'Double tap R on your keyboard to reload,\n' + 'Shake or press menu button for dev menu',

MojtabaRezaeimehr Over a year ago

Note that if you are going to use keyboard shortcuts in android emulator then you have to set this option: Settings->Send keyboard shortcuts to : 'Virtual device' as I do that and it worked for me.

CodeGroover Over a year ago

Confirm it works on Mac os 10.13.6, Android Studio Sep 2018.

|

Alexander Kireyev · Accepted Answer · 2018-04-18 13:49:38Z

51

Executing the command, the configuration menu will appear adb shell input keyevent 82

Documentation

edited Apr 18, 2018 at 13:49

Alexander Kireyev

10.8k13 gold badges68 silver badges106 bronze badges

answered Feb 4, 2017 at 5:00

Jhony Taveira

6405 silver badges6 bronze badges

1 Comment

navanjr Over a year ago

updated link: facebook.github.io/react-native/docs/running-on-device.html

Kenneth Lynne · Accepted Answer · 2016-04-29 08:29:51Z

19

I was BLIND. It clearly states:

On Android shake the device or press hardware menu button (available on older devices and in most of the emulators, e.g. in genymotion you can press ⌘ + m or F2 to simulate hardware menu button click). You can also install Frappé, a tool for OS X, which allows you to emulate shaking of devices remotely. You can use ⌘ + Shift + R as a shortcut to trigger a shake from Frappé.

answered Apr 29, 2016 at 8:29

Kenneth Lynne

15.6k12 gold badges66 silver badges80 bronze badges

2 Comments

Rowan Gontier Over a year ago

For physical Android device, I found that by long pressing the device menu button, the reload menu appears.

d_bhatnagar Over a year ago

Also, for physical devices, you may shake the phone which pops up the menu

Vahid Hallaji · Accepted Answer · 2018-08-28 09:30:23Z

7

Using shortcuts: CTRL + M, or CMD + M (macOS)
From terminal: adbshell input keyevent 82

Important Note: Using Expo, make sure you are in development mode. The shortcuts will not work in production mode for Android emulator.

I did enable that through Expo XDE by tapping the cog next to the url and checking development mode. You may need to rebuild.

Expo - Development Mode

edited Aug 28, 2018 at 9:30

answered Aug 28, 2018 at 8:43

Vahid Hallaji

7,5576 gold badges46 silver badges52 bronze badges

Comments

Ishwar Rimal · Accepted Answer · 2017-06-07 03:14:13Z

6

I am using Redmi note 3 for debugging purpose and was facing similar issue. The solution was that MIUI by default disables popup permission for apps, which is needed in this case to get the reload screen. After enabling the popup permission for my app it works perfect. Hope it helps someone.

answered Jun 7, 2017 at 3:14

Ishwar Rimal

1,10111 silver badges20 bronze badges

2 Comments

evilmind Over a year ago

can you tell me how to enable it

Ishwar Rimal Over a year ago

sorry for late reply. I guess by now you might have figured out how to do it. If not then you can find it in the permission section in your settings.

nima · Accepted Answer · 2019-04-30 15:17:42Z

6

For enabling Hot reloading or Live reloading on Device (external Android phone):

First, run the app using react-native run-android on Terminal.

Now, shake the Android device which has the running app.

Then select the Enable Hot Reloading or Enable Live Reload option from the popup.

answered Apr 30, 2019 at 15:17

nima

8,99312 gold badges40 silver badges55 bronze badges

Comments

Rodrigo Xavier · Accepted Answer · 2017-02-17 13:39:31Z

4

To enable live reload in React Native using Android you need to do the following steps:

Open you emulator;
Execute your application (react-native run-android);
Make sure that you application is running;
Click on emulator and press: CTRL + M.

Some options will be opened, and you select the "Enable Live Reload" as the image below. Click to see the image

answered Feb 17, 2017 at 13:39

Rodrigo Xavier

2222 silver badges6 bronze badges

Comments

Shamsul Arefin · Accepted Answer · 2018-10-17 05:37:56Z

2

I found out that, If I execute react-native run-android from the console, then changing and saving file (with any editor) don't reload the app.

But When I execute the app from VS code console, the live reload was working for every change and save.

I think you might need a IDE (such as VS code) for live reloading.

answered Oct 17, 2018 at 5:37

Shamsul Arefin

1,9451 gold badge26 silver badges25 bronze badges

1 Comment

Asce4s Over a year ago

You can actually enable it by pressing menu key or CTRL+m and selection "Enable live reload"

Wasi Sadman · Accepted Answer · 2019-08-25 13:52:08Z

1

If someone try to Open the In-App Developer Menu in react native

Android -> CTRL + M or you can shake your device as well

and

IOS -> ⌘ + m (CMD + M) or shake device

if for some reason IOS Simulator was not working with some reason try to open

simulator -> Hardware -> Shake Gesture ( For me ^⌘Z)

answered Aug 25, 2019 at 13:52

Wasi Sadman

1,5121 gold badge20 silver badges30 bronze badges

Collectives™ on Stack Overflow

How to enable live reload in react native on android?

9 Answers 9

6 Comments

1 Comment

2 Comments

Comments

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

9 Answers 9

6 Comments

1 Comment

2 Comments

Comments

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related