fix bottom navigation ketimpa tombol utama iphone x

view/Auth.js

@@ -62,14 +62,16 @@ import InboxList from './InboxList';
 import InboxDetail from './InboxDetail';
 import badgeInbox from './Home';
 import { useNavigation } from '@react-navigation/native';
+import { useSafeArea } from 'react-native-safe-area-context';
 
 enableScreens();
 
 const Tab = createBottomTabNavigator();
 
 const BottomNavigation = ({ state, descriptors, navigation }) => {
+  const insets = useSafeArea();
   return (
-    <View style={{ flexDirection: 'row' }}>
+    <View style={{ flexDirection: 'row', paddingBottom: insets.bottom }}>
       {state.routes.map((route, index) => {
         const { options } = descriptors[route.key];
         const label =