React native per monitor is very useful while debugging performance-related issues. I use it mainly to monitor FPS of scroll performance, animations, etc.
It used to work fine but recently perf monitor was not showing up. Whenever I turn on perf monitor, it takes me to a new screen to enable Draw over other apps for the current app.
That’s fine, You can enable it if “Display over other app” permission is not enabled for the app. But the problem arises when the option to enable it is greyed out. If it is greyed out then you won’t be able to turn on the permission for this app.
It will be greyed out if your app’s AndroidManifest.xml file doesn’t have a permission named
All you need to do is add this line
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
Add this line before
<application> in your
Re-build and Re-install the app. Open react native dev menu by shaking the device or CTRL + M for emulator > Click on Show Perf Monitor > If it takes to a new settings screen to enable “Display over other apps” then enable it for your app.
Now your perf monitor should start working. Cheers!
- React UI tutorial – Building Instagram video player using HTML and CSS Flex - July 27, 2020
- How to open emoji keyboard on Windows or Mac - July 17, 2020
- 8 ways to optimize React native FlatList performance - July 16, 2020