Debugging on Android
Enabling Debug and Loading the Bundle from your Local Host
Android is a bit different when it comes to allowing developers to load their React Native local bundles into the app. Instead of pointing your bundle URL to your local host, we need to configure the bridge differently depending on whether you want to load a remote or a local bundle.
To facilitate your life, we have created a simple checkbox in the debug menu of the app (the one appearing the first time when you launch the debug app) which will allow you to configure the application internally to load your local bundle and enable all the cool developer tools React Native has to offer.
REMEMBER: Please follow the Running on device intrusctions if you haven't setup your ADB to forward your remote port to your local machine.
Enable the 'Draw over other apps' permission
In order to be able to draw the React Native developer menu, you will have to allow your application to draw over other applications. In order to do this follow these simple steps:
- Open Android settings
- Select Apps
- Select your application
- Scroll to the bottom and enable the option 'Draw over other apps' under the Advanced section
Accessing the In-App Developer Menu
If you have enabled the previous checkbox and you are running your bundle locally, you will be able to open the React Native developer menu from within your React Native views. You can access the developer menu by shaking your device or by selecting the menu hardware button. Also you can use
⌘M when running in an Android emulator or Genymotion.
NOTE: Remember that the React Native developer dialog will only appear when you are in a view which contains a React Native view.