Open Dev Menu or reload app without shaking?

Question

Is there a way to open dev menu or reload app without shaking the app?

Android Wireless over wifi so no usb cable Windows 10

Hot reload or Live reload is not good enough and my arm hurts :)

https://facebook.github.io/react-native/docs/debugging.html is pretty clear about the short cut keys — bennygenel, Mar 27 '18 at 15:00

score 25 · Answer 1 · answered Aug 29 '18 at 13:29

for android : in your package.json add following lines in scripts

 "reload":"adb shell input keyevent 82 && adb shell input keyevent 66 && adb shell input keyevent 66",
 "devmenu":"adb shell input keyevent 82",
 "debug":"adb shell input keyevent 82 && adb shell input keyevent 61 && adb shell input keyevent 66 && adb shell input keyevent 66"

now you can run npm run devmenu to open shake menu in android, and reload to reload the app, and debug to connect to remote debugger.

for ios : you can make a button for it somewhere in app, and let this thing only be shown when app is in dev mode.

import {NativeModules,Platform} from "react-native"


renderDevMenuTouchable = () => {
    if(__DEV__ && Platform.OS == "ios" ){
        return (
            <TouchableOpacity
            style={styles.touchableDebug}
            onPress={()=>{
                NativeModules.DevMenu.reload();
            }}
            onLongPress={()=>{
                NativeModules.DevMenu.show();
            }}
            > 
            <View style={{backgroundColor:"red",width:23,height:25}}/>
            </TouchableOpacity>
        )
    }
    else {
        return null;
    }

}

`devmenu` works nicely here. However, a reload with these options will show `"adb server is out of date. killing..."` . At the next reload, the phone displays a RedBox message with `Could not connect to development server `. In my `react-native run-android` output, I see at the end `adb server version (32) doesn't match this client (41); killing...` so perhaps those two are conflicting. — Julien Lamarche, Nov 06 '19 at 22:37

score 12 · Answer 2 · answered Mar 27 '18 at 16:19

12

As @bennygenel hints, from that page you can see there is a command on Android through adb

adb shell input keyevent 82

to open menu on wireless devices

answered Mar 27 '18 at 16:19

nicecatch

1,687
2
21
38

Working at the moment on trying to get adb to work wireless not successfull – Benny Mar 27 '18 at 16:46
(addendum/caveat with my upvote - my device is connected via USB, which isn't available in the body of the question, although it does solve the question as stated in the title...) – Henry Bevan Apr 05 '18 at 10:44

score 10 · Answer 3 · answered Mar 01 '19 at 03:46

10

I have added Shake gesture to Assistive Touch menu, and this works okay for me.

answered Mar 01 '19 at 03:46

Lazy

670
5
14

Helpful answer. – Siraj Alam Nov 19 '19 at 06:14
1

Nickname checks out – Alexander Vitanov Apr 01 '22 at 20:05
Lovely! Thanks @Lazy! To add to this (and make it even more lazier), you can edit the icons in the assistive touch menu and remove all except for the Shake. This will make the phone receive a Shake when you press the assistive touch! – Filip Savic Dec 06 '22 at 21:24

score 7 · Answer 4 · answered Mar 27 '18 at 17:53

7

You can configure long pressing the Android system Recent button to Open/close menu

This would open the dev menu in a react native app.

answered Mar 27 '18 at 17:53

Shazvi

211
3
6

1

Exact answer for Android, if trying to open menu without being physically connected to send an adb command. – changingrainbows Mar 07 '20 at 18:41

score 6 · Answer 5 · answered Mar 16 '19 at 01:22

6

You can send a reload call to the device with: adb shell input keyboard text "rr"

answered Mar 16 '19 at 01:22

MorenoMdz

316
2
6

but how to send `CMD + M` to open the menu? – Blue Bot Nov 20 '19 at 12:22
for me only using key code worked `adb shell input keyevent 82` – Blue Bot Mar 10 '20 at 12:17
While I'm running the app, I just opened a new terminal and ran this command. Nice one – Yinka Aug 04 '20 at 21:33

score 1 · Answer 6 · answered Feb 10 '19 at 07:21

For iOS I like to wrap my app in a component like this which allows a 3 finger touch to trigger the dev menu:

import { NativeModules } from 'react-native';

// wraps the app in a function to allow three finger dev menu access
const DevMenuTrigger = ({ children }) => {
  const { DevMenu } = NativeModules;
  const panResponder = PanResponder.create({
    onStartShouldSetPanResponder: (evt, gestureState) => {
      if (gestureState.numberActiveTouches === 3) {
        DevMenu.show();
      }
    },
  });
  return <View style={{ flex: 1 }} {...panResponder.panHandlers}>{children}</View>;
};

const DevApp = () => (<DevMenuTrigger><App /></DevMenuTrigger>);

// export default App;
export default DevApp;

score 0 · Answer 7 · answered Mar 10 '20 at 12:20

For me only using adb shell input keyevent 82 worked

for convenience you can add it to your scripts inside the package.json file

something link this: "android-menu": "adb shell input keyevent 82"

also apparently there is an issue with KK devices - solved here

score 0 · Answer 8 · answered Aug 05 '21 at 10:25

0

It's also possible to open Debug menu by volume keys in Android. Check the below link.

https://stackoverflow.com/a/59526945/958913

answered Aug 05 '21 at 10:25

Yogesh Agrawal

971
10
9

score 0 · Answer 9 · answered Feb 16 '22 at 15:53

Not applicable for adb shell input keyevent 82.

When you start the service, a prompt will be printed in the terminal.

"start": "react-native start",

Press d

      Welcome to Metro!
Fast - Scalable - Integrated

To reload the app press "r"
To open developer menu press "d"

score 0 · Answer 10 · answered Mar 14 '23 at 08:51

0

Another way to achieve this is by:

typing "d" in the terminal where you're running the Metro server (basically the terminal where you've typed in "yarn/ npm start"

answered Mar 14 '23 at 08:51

Gaurav Joshi

89
1
2

score 0 · Answer 11 · answered Aug 08 '23 at 22:05

0

Flipper has a button for it on the top left:

answered Aug 08 '23 at 22:05

zeusstl

1,673
18
19

Open Dev Menu or reload app without shaking?

11 Answers11

Linked