feat: added safe area view margin/padding option

gorhom · Jan 24, 2022 · 7be591e · 7be591e
1 parent 8df7897
commit 7be591e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/AnimatedTabBar.tsx b/src/AnimatedTabBar.tsx
@@ -34,6 +34,7 @@ export function AnimatedTabBar<T extends PresetEnum>(
     onTabLongPress,
     style: overrideStyle,
     safeAreaInsets: overrideSafeAreaInsets,
+    safeAreaBottomPaddingOrMargin = "padding",
     ...rest
   } = props;
 
@@ -136,7 +137,7 @@ export function AnimatedTabBar<T extends PresetEnum>(
     () => ({
       // @ts-ignore
       ...overrideStyle,
-      paddingBottom: safeBottomArea,
+      ...(safeAreaBottomPaddingOrMargin === "margin" ? {paddingBottom: safeBottomArea} : {marginBottom: safeBottomArea}),
     }),
     [overrideStyle, safeBottomArea]
   );

diff --git a/src/types.ts b/src/types.ts
@@ -140,6 +140,7 @@ export type AnimatedTabBarProps<T extends PresetEnum = 'bubble'> = {
   onTabPress?: any;
   onTabLongPress?: any;
   safeAreaInsets?: Insets;
+  safeAreaBottomPaddingOrMargin?: "padding" | "margin"
 } & Omit<TabBarConfigurableProps, 'onLongPress'> &
   ExtractPresetConfig<T>;