SafeAreaView leaves Extra padding in Bottom Tab Navigator inside

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

How do you make the react-native react-navigation tab bar

KeyboardAvoidingView + React Navigation + Safe Area View = not

Unable to disable easily the ios statusBar padding in header

How do I style the very bottom of my app, below the nav bar

javascript - iOS (React native): Unnecessary space from the top of

SafeAreaView working not well in TabNavigator · Issue #3767

SafeAreaView in DrawerNavigatorItems causes extra spacing between

Avoid Keyboard in React Native Like a Pro

beta 14+ padding issues with TabNavigator · Issue #2805 · react

SafeAreaView adds extra padding on top inside of react-navigation

reactjs - React Native Tab Navigator: empty space at bottom of tab

javascript - The SafeAreaView causes weird gap on screen - Stack