CODEWITHSUNDEEP
iosreactjsreact-nativeexpo
Jack Robson
Jack Robson

Reputation: 2302

Disable Debugging in Expo For React Native App

So I've opened up my react-native app in Expo today (using the iOS simulator) and I am creating by what looks like a debugging overlay.

Screenshot here: enter image description here

I don't need this and it's blocking some of the UI for testing.

How does one turn it off?

Upvotes: 19

Views: 25274

Answers (3)

Aman Jha
Aman Jha

Reputation: 544

You can simply reload the app through expo terminal, it will also works for you. Easy and simple.

Upvotes: 0

Yuriy Berezovskiy
Yuriy Berezovskiy

Reputation: 141

First you need to open Debug Menu ,go to: Device -> Shake or ^+⌘+Z then inside debugger menu press Hide inspector

Upvotes: 14

Michael Cheng
Michael Cheng

Reputation: 10451

You have the Element Inspector open. To toggle it off do either:

  • ⌘+D if you are in the simulator
  • Shake your phone if you are on an actual device

This should open up the debugging menu. You can then click on Toggle Element Inspector to close it.

Expo Debugging Menu

Upvotes: 57

Related Questions