

Console Errors and Warnings Ĭonsole errors and warnings are displayed as on-screen notifications with a red or yellow badge, and the number of errors or warning in the console respectively.

LogBox is automatically disabled in release (production) builds. LogBox Įrrors and warnings in development builds are displayed in LogBox inside your app. To enable them on macOS, inside the Simulator app, open the I/O menu, select Keyboard, and make sure that "Connect Hardware Keyboard" is checked. React Native supports a few keyboard shortcuts in the iOS Simulator. When enabled, most of your edits should be visible within a second or two. Fast Refresh is enabled by default, and you can toggle "Enable Fast Refresh" in the React Native developer menu. While debugging, it can help to have Fast Refresh enabled. Enabling Fast Refresh įast Refresh is a React Native feature that allows you to get near-instant feedback for changes in your React components. The Developer Menu is disabled in release (production) builds. Alternatively for Android, you can run the command adb shell input keyevent 82 to open the dev menu (82 being the Menu key code). You can also use the ⌘D keyboard shortcut when your app is running in the iOS Simulator, or ⌘M when running in an Android emulator on macOS and Ctrl+M on Windows and Linux. You can access the developer menu by shaking your device or by selecting "Shake Gesture" inside the Hardware menu in the iOS Simulator. Debugging Accessing the In-App Developer Menu
