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

$ 12.50

4.5
(67)
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

SafeAreaView incompatible with list items · Issue #4008 · react-navigation/ react-navigation · GitHub

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

GitHub - react-navigation/react-native-safe-area-view: ⚠️ Deprecated: use the successor react-native-safe-area-context instead!

SafeAreaView not working with TabBar · Issue #635 · satya164/react-native- tab-view · GitHub

SafeAreaView adds extra padding with headerMode='none' in react-navigation nested navigator · Issue #143 · th3rdwave/react-native-safe-area-context · GitHub

avatars.githubusercontent.com/u/5605177?s=80&v=4

How to deal with safeAreaView + React Navigation? - Stack Overflow

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

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

Weird behaviour with react-navigation@next and react-native-safe-area-context · Issue #6777 · react-navigation/react-navigation · GitHub

ios - Extend bottom navigation bar over safe area - Stack Overflow

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