How to fill screen height (including navigation bar)?

Expo SDK
1

Please provide the following:

  1. SDK Version: 37
  2. Platforms(Android/iOS/web/all): Android

So I wondering if is possible to fill all the height of screen without having to hide the navigation bar.

Currently:

Expected:

2

You can achieve this by using a SafeAreaView.

This package is recommended: GitHub - th3rdwave/react-native-safe-area-context: A flexible way to handle safe area insets in JS. Also works on Android and Web!

3

But how Exactly? The SafeAreaView dont only give you exactly the inverse, the area that is not status and navigator?

4

It should, you need to style the SafeAreaView itself, not the content inside of it. If that doesn’t work then the device doesn’t seem to support it properly yet. I had the same issue with some Android devices.

5

Thanks for sharing useful information with us… It really helpful to me…I always prefer to read the quality content and this thing I found in you post. thanks for sharing with us…

6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.