Search code examples
javascriptnode.jsfacebookreactjsreact-native

How to enable the Android monitor in React Native for checking logs?


I am new in react native. I want to see the logs of my react files. I am using android studio for using react-native project and genny motion as a simulator. Can you please guide me, how can I see the logs or enable android monitor in android studio?

Even I have already install react dev tools from Facebook for debugging the code: https://facebook.github.io/react-native/docs/debugging.html

but not able to get the particular solution

Already visit: How do you debug React Native?

How to do logging in React Native? I have checked so many solutions but it is not working in android 6.0 versions

But not working please guide me, Thanks in Advance


Solution

  • If you're using window, you can try hit CTRL+M, else in mac CMD+D to open debugging menu. Once it open, choose REMOTE JS DEBUGGING, it will automatically open chrome browser for you to debug js error. Android studio debugging will work if you're connected on real device.

    Eg. of Debugging Menu

    Debugging menu

    I've found out the answer for genYmotion from How do you debug react-native?. Don't know whether it'll work for you, but worth for try.

    For an Android App, if you're using Genymotion you can toggle the menu by pressing ctrl + m, but you may have to enable it in the menu by :

    • Untick untick widget
    • click on debug in chrome

    enter image description here