feat(utils): added useSafeAreaPadding hook

Author: bang9

packages/uikit-utils/src/hooks/index.ts

@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { DependencyList } from 'react';
-import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { EdgeInsets, useSafeAreaInsets } from 'react-native-safe-area-context';
 
 type Destructor = () => void;
 type AsyncEffectCallback = () => void | Destructor | Promise<void> | Promise<Destructor>;
@@ -72,3 +73,31 @@ export const useFreshCallback = <T extends (...args: any[]) => any>(callback: T)
   ref.current = callback;
   return useCallback(((...args) => ref.current(...args)) as T, []);
 };
+
+type EdgePaddingMap = {
+  left: 'paddingLeft';
+  right: 'paddingRight';
+  top: 'paddingTop';
+  bottom: 'paddingBottom';
+};
+const edgePaddingMap: EdgePaddingMap = {
+  left: 'paddingLeft',
+  right: 'paddingRight',
+  top: 'paddingTop',
+  bottom: 'paddingBottom',
+};
+export const useSafeAreaPadding = <
+  T extends keyof EdgeInsets,
+  Result extends { [key in EdgePaddingMap[T]]: EdgeInsets[T] },
+>(
+  edges: T[],
+): Result => {
+  const safeAreaInsets = useSafeAreaInsets();
+  return useMemo(() => {
+    return edges.reduce((map, edge) => {
+      const paddingKey = edgePaddingMap[edge];
+      map[paddingKey] = safeAreaInsets[edge];
+      return map;
+    }, {} as { [key in EdgePaddingMap[T]]: EdgeInsets[T] });
+  }, edges) as Result;
+};