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

$ 15.50

5
(671)
In stock
Description

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

Extra bottom margin on iOS · Issue #10616 · react-navigation/react- navigation · GitHub

Extra bottom margin on iOS · Issue #10616 · react-navigation/react- navigation · GitHub

Weird behaviour when no header is render and using SafeAreaView from react-native-safe-area-context · Issue #7934 · react-navigation/react-navigation · GitHub

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

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

ios - TabView Inside of NavigationStack has extra inset when ignoring Safe Area - Stack Overflow

SafeAreaView in MaterialTopTabNavigator produces strange results on iOS and Android · Issue #8385 · react-navigation/react-navigation · GitHub

Nested StackNavigator in modal has too much vertical padding · Issue #7723 · react-navigation/react-navigation · GitHub