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

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

Supporting safe areas

Unstable behaviour with react-native-navigation tabs · Issue #98 · react- navigation/react-native-safe-area-view · GitHub

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

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

iOS] bug with @react-navigation/bottom-tabs - initial jumping · Issue #1251 · software-mansion/react-native-screens · GitHub

Using with SafeAreaView · Issue #3055 · react-navigation/react-navigation · GitHub

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

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

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

SafeAreaView doesn't respect `padding` property in style · Issue #22211 · facebook/react-native · GitHub

Problem with Tab Navigation (React Navigation 5) · Issue #107 · th3rdwave/ react-native-safe-area-context · GitHub

A guide to React Native Navigation - LogRocket Blog

BottomTabs inserting edges on ios · Issue #11127 · react-navigation/react- navigation · GitHub

reactjs - How to set SafeAreaView on Menu Drawer from React Native? - Stack Overflow

SafeAreaView missing bottom padding on screens · Issue #3072 · react- navigation/react-navigation · GitHub