Tuesday 9 March 2021

Get the height of soft nav bar in React Native

I am rendering content at the same height of the screen in React Native (Dimensions.get("window").height), however when the Android phone has a soft navbar, some of the content gets hidden like so:

Navbar

On my phone, there is also a soft navbar, but it seems to function differently and does not cover the content, like so:

Hard navbar

What is the difference between these 2 navbars? I just want to find the height of the black navbar if it exists and then I can solve my problem. I have searched extensively and there seems to be no clear answer. Maybe my terminology is wrong?



from Get the height of soft nav bar in React Native

No comments:

Post a Comment