How do you debug React Native?

Question

How does one debug their React code with React Native while the app is running in app simulator?

Answer 1

Assuming you want to show this menu on Android emulator

• Then, try ⌘+m to pop up this dev settings dialog on Android emulator on a Mac.

• If it doesn't show then go to AVD > (click the pen to edit your emulator configuration) > advanced settings > check the enable keyboard input box.

• And then retry ⌘+m.

• If it doesn't show still then go to the running emulator settings and on the Send keyboard shortcuts to combobox/dropdown then select the Emulator controls (default) option.

• And then retry ⌘+m.

• I hope this helps, it worked for me.