Reload a React Native app on an Android device manually via command line

React NativeReact Native-Android

React Native Problem Overview


I'd like to manually force a Reload of my React Native app on demand without physically shaking the device. (I'm getting carpal tunnel.)

I know that Live Reload / Hot Reload are available. I'm looking for a on-demand command line solution.

React Native Solutions


Solution 1 - React Native

Using the cmd line you can send a command to the Android device.

adb shell input text "RR"

This command tells the Android device to type the character "R" twice which is the React Native command to Reload on Android.

The adb shell command has many useful features many of which are described here:

https://stackoverflow.com/questions/7789826/adb-shell-input-events

To open the developer menu:

adb shell input keyevent 82

Solution 2 - React Native

Just posting it here in case you didn't know this trick

long press the menu button in your android device. Then you'll get this menu

tap the reload option and you are good to go

Solution 3 - React Native

I use the following command. It doesn't reload the app, but it brings up the developper menu on the device, so I can then press the "Reload" option:

adb shell input keyevent KEYCODE_MENU

I develop with a real device (not the emulator) and sending the "double-R" through adb doesn't work (it just shows the keyboard and types 2 Rs).

Solution 4 - React Native

Add the following script to your package.json:

    "android-shake": "adb shell input keyevent 82"

Then you will be able to call

yarn android-shake

If you are looking for ios then checkout my answer on this link

Solution 5 - React Native

One trick would be to add this command on ~/.bashrc profile in the case you're using unix.

  1. use your favorite editor (ex: nano on Ubuntu) and type nano ~/.bashrc
  2. on the end of file write alias rnreload='adb shell input text "RR"'
  3. save it and run source ~/.bashrc in order to active it.
  4. Now whenever you need, just type rnreload on a terminal.

Next time you enter your computer it should be already done.

Also, there's the possibility to add an other alias as well: alias rnshake='adb shell input keyevent 82' which "shakes" android. You can use it to access other commands like Hot Reloading, Debugger, Inspector, etc.

Solution 6 - React Native

Made an autohotkey script to reload and open the menu with keyboard shortcuts.

   ^+r::  run, %comspec% /c adb shell input text "RR",,hide  
   ^+e::  run, %comspec% /c adb shell input keyevent 82,,hide

ctrl+shift+r to reload ctrl+shift+e to open dev menu

Solution 7 - React Native

If you're on a Mac and using Hammerspoon, you can put the following bit of code in your ~/.hammerspoon/init.lua file:

hyper = {'ctrl', 'alt', 'cmd'}
placid = {'ctrl', 'cmd'}

-- React native reload JS on connected device
hs.hotkey.bind(placid, 'R', function()
  os.execute('/Users/peter/Library/Android/sdk/platform-tools/adb shell input text "RR"')
end)

-- React native show dev menu on connected device
hs.hotkey.bind(hyper, 'R', function()
  os.execute('/Users/peter/Library/Android/sdk/platform-tools/adb shell input keyevent 82')
end)

the os.execute command doesn't load your ENV (doing so would make running commands really slow), so make sure to run which adb in your terminal to figure out what the exact path to adb is. (in my case it was /Users/peter/Library/Android/sdk/platform-tools/adb).

Now you can reload your app using ctrl+cmd+R and show the dev menu using ctrl+option+cmd+R from anywhere and without even bothering to cmd-tab out of your favorite editor!

Solution 8 - React Native

For device you have just to shake your device than a menu appears so click on Reload

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionbrettlaforgeView Question on Stackoverflow
Solution 1 - React NativebrettlaforgeView Answer on Stackoverflow
Solution 2 - React Nativevighnesh sView Answer on Stackoverflow
Solution 3 - React NativeXavierView Answer on Stackoverflow
Solution 4 - React NativeFrancois NadeauView Answer on Stackoverflow
Solution 5 - React NativeFilipeView Answer on Stackoverflow
Solution 6 - React NativeYarden HochmanView Answer on Stackoverflow
Solution 7 - React NativeHendrikPetertjeView Answer on Stackoverflow
Solution 8 - React NativeAsma_KhView Answer on Stackoverflow