How to prevent status bar from covering modal page in nativescript

i'm having an issue with my nativescript app The content of the modal page is pushed behind the status-bar and the status-bar covers it. I've worked with nativescript on a previous project and i didn't have this issue with my modal pages.

I have downloaded and implemented these plugins but it had no effect

Nativescript-status-bar

Natvescript-statusbar

This is how it currently appears

Solution

I fixed it by removing this <item name="android:windowTranslucentStatus">true</item> from App_resources/Android/src/main/res/values/styles.xml

you can also check App_resources/Android/src/main/res/values21/styles.xml to be sure its not there also