feat: added safe area view margin/padding option

Author: BenJeau

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]
   );

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>;