Infra/use keyboard height (#3796)

* useKeyboardHeight hook init

* Refactor useKeyboardHeight hook removing useRef and directly using Keyboard.addListener.

---------

Co-authored-by: Miki Leib <[email protected]>

Author: adids1221

src/hooks/index.ts

@@ -10,4 +10,5 @@ export {default as useScrollToItem} from './useScrollToItem';
 export {default as useScrollTo} from './useScrollTo';
 export {default as useThemeProps} from './useThemeProps';
 export {default as useDebounce} from './useDebounce';
+export {default as useKeyboardHeight} from './useKeyboardHeight';
 export * from './useScrollTo';

src/hooks/useKeyboardHeight/index.ts

@@ -0,0 +1,28 @@
+import {useEffect, useState} from 'react';
+import {Keyboard, KeyboardEvent} from 'react-native';
+
+/**
+ * Hook that tracks keyboard height and provides real-time updates
+ */
+const useKeyboardHeight = (): number => {
+  const [keyboardHeight, setKeyboardHeight] = useState(0);
+
+  useEffect(() => {
+    const keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', () => {
+      setKeyboardHeight(0);
+    });
+
+    const keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', (e: KeyboardEvent) => {
+      setKeyboardHeight(e.endCoordinates.height);
+    });
+
+    return () => {
+      keyboardDidHideListener.remove();
+      keyboardDidShowListener.remove();
+    };
+  }, []);
+
+  return keyboardHeight;
+};
+
+export default useKeyboardHeight;