Multiple Dev Menu's on Device

[afisherdev]

• Review the documentation: https://facebook.github.io/react-native
• Search for existing issues: https://github.com/facebook/react-native/issues
• Use the latest React Native release: https://github.com/facebook/react-native/releases

Environment

React Native Environment Info:
System:
OS: macOS High Sierra 10.13.6
CPU: x64 Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz
Memory: 29.78 MB / 16.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 8.12.0 - /usr/local/bin/node
Yarn: 1.10.1 - /usr/local/bin/yarn
npm: 6.4.1 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 11.4, macOS 10.13, tvOS 11.4, watchOS 4.3
IDEs:
Android Studio: 3.1 AI-173.4819257
Xcode: 9.4/9F1027a - /usr/bin/xcodebuild
npmPackages:
react: ^16.5.2 => 16.5.2
react-native: ^0.57.2 => 0.57.2
npmGlobalPackages:
create-react-native-app: 2.0.2
react-native-camera: 1.3.0
react-native-cli: 2.0.1
react-native-git-upgrade: 0.2.7

Description

Whenever I load my app onto my real device it displays 2 Developer Menu's on top of each other.

Reproducible Demo

Initialize a new react app and run it on a device. Shake the device for the developer menu and watch 2 menu's pop up on top of each other.

[bashbers]

Your first dev menu has an additional entry named "Start systrace".

[kelset]

I can confirm that this happens still to me with latest version (0.57.8) but it's intermittent, and if I kill the app & simulator & restart it goes away.

[vrgimael]

Happens to me too on 0.58.3 with pretty much a fresh project + cocoa pods

[vrgimael]

Damn, just spent a few hours trying to figure this out (I thought it might have something to do with the pods but it seems that's not the problem).

Just noticed something interesting that makes sense with what @kelset said about the glitch being intermittent and seeming to go away when you kill the app:

There's another issue happening here in which when I launch the app (from closed, not background) this error comes up for a second "Unable to find module for DevLoadingView" (does this happen to you guys too?) and then the app loads normally (seems like the loading screen needs fixing guys). During this one second, however, the button to force reload the app appears at the bottom as part of the dev UI.

The double dev menu glitch only happens here when I tap this reload button quickly - if I just wait through the "DevLoadingView" error this glitch does not happen, consistently.

I guess tapping reload forces the dev menu (or maybe some other things too) to spawn twice.

Hope this helps someone with investigating this issue, I won't have time to look much further now.

[Meox92]

Same problem here, sometime the first menu shows 'Enable remote debug' and the second 'Disable remote debug' or viceversa...

[cpojer]

Does anybody know how we can repro this reliably so we can fix this?

[danielmtavares]

It's happening to me as well on the iOS simulator on 0.58.6. Unfortunately I have no identified reliable steps to repro it.