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

javascript - The SafeAreaView causes weird gap on screen - Stack

Safe Area Context Issues · Issue #11285 · react-navigation/react

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

react native - KeyboardAvoidingView not Working Properly - Stack

Unable to disable easily the ios statusBar padding in header

SafeAreaView in MaterialTopTabNavigator produces strange results

TabBarBottom/Header internal SafeAreaView padding backgroundColor

How to Use Safe Area Context in React Native Apps to Avoid the Notch

ios - using safearealayoutguide or SafeAreaView on

SafeAreaView adds extra padding with headerMode='none' in react

React Native Tab View bottom space Bug - Stack Overflow

Avoid The Notch With SafeAreaView in React Native Apps - instamobile

How do I style the very bottom of my app, below the nav bar? Nothing I change seems to make a difference : r/reactnative

reactjs - Custom color/content of safeareaview bottom padding