chore: allow user to override safeAreaInsets

gorhom · Jun 7, 2020 · 20b2141 · 20b2141
1 parent 8d85da2
commit 20b2141
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/AnimatedTabBar.tsx b/src/AnimatedTabBar.tsx
@@ -1,4 +1,5 @@
 import React, { useMemo, useCallback } from 'react';
+import { Insets } from 'react-native';
 import { useSafeArea } from 'react-native-safe-area-context';
 import { AnimatedTabBarView } from './AnimatedTabBarView';
 import Presets, { PresetEnum } from './presets';
@@ -22,6 +23,7 @@ interface AnimatedTabBarProps<T extends PresetEnum>
   descriptors?: any;
   onTabPress?: any;
   onTabLongPress?: any;
+  safeAreaInsets?: Insets;
 }
 
 interface Route {
@@ -41,11 +43,16 @@ export function AnimatedTabBar<T extends PresetEnum>(
     onTabPress,
     onTabLongPress,
     style: overrideStyle,
+    safeAreaInsets: overrideSafeAreaInsets,
     ...rest
   } = props;
 
   //#region styles
-  const { bottom: safeBottomArea } = useSafeArea();
+  const { bottom: _safeBottomArea } = useSafeArea();
+  const safeBottomArea = useMemo(
+    () => overrideSafeAreaInsets?.bottom ?? _safeBottomArea,
+    [overrideSafeAreaInsets, _safeBottomArea]
+  );
   const style = useMemo(
     () => ({
       // @ts-ignore