SafeAreaView leaves Extra padding in Bottom Tab Navigator inside Stack Navigator · Issue #8694 · react-navigation/react-navigation · GitHub

Current Behavior While using a screen with SafeAreaView from "react-native-safe-area-context" in a route of the Bottom Tab Navigator which is nested inside a Stack Navigator, there is bottom padding above the tabs which appears. Expected

BottomTabs inserting edges on ios · Issue #11127 · react-navigation/react- navigation · GitHub

Incompatible with `react-native-safe-area-context` version < 4 · Issue #2251 · FaridSafi/react-native-gifted-chat · GitHub

Supporting safe areas

iPhoneX SafeAreaView support on createMaterialTopNavigator · Issue #7425 · react-navigation/react-navigation · GitHub

reactjs - How to set SafeAreaView on Menu Drawer from React Native? - Stack Overflow

beta 14+ padding issues with TabNavigator · Issue #2805 · react-navigation/ react-navigation · GitHub

user-images.githubusercontent.com/31057068/1206923

Extra padding with reactnavigation on android · Issue #87 · th3rdwave/react-native-safe-area-context · GitHub

Safearea is not respected if the header/tab bar is hidden · Issue #7918 · react-navigation/react-navigation · GitHub

SafeAreaView doesn't respect `padding` property in style · Issue #22211 · facebook/react-native · GitHub

ios - How to remove top margin from SafeViewArea, React Native

Extra padding with reactnavigation on android · Issue #87 · th3rdwave/react-native-safe-area-context · GitHub

react-native-safe-area-context reports incorrect bottom inset for some Android devices · Issue #7251 · react-navigation/react-navigation · GitHub