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

SafeAreaView working not well in TabNavigator · Issue #3767

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

SafeAreaView in DrawerNavigatorItems causes extra spacing between

react native - Why does scrollview fills the gap at the bottom of

javascript - The SafeAreaView causes weird gap on screen - Stack

How to Handle Safe Area Insets for iPhone X, iPad X, Android P

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

StackNavigator Header adds SafeAreaView inset padding even when nested · Issue #3184 · react-navigation/react-navigation · GitHub

MaterialTopTabNavigator is not inside SafeAreaView · Issue #9145

Bottom Tab View inside Navigation Drawer with React Navigation V6

How to Handle Safe Area Insets for iPhone X, iPad X, Android P

Problem with Tab Navigation (React Navigation 5) · Issue #107