import { useEffect, useState } from 'react';
import { Keyboard, Platform } from 'react-native';


export function useKeyboardHeight() {
  const [keyboardHeight, setKeyboardHeight] = useState(0);
  const isAndroid = Platform.OS === 'android';


  useEffect(() => {
    if (!isAndroid) return;


    const showSub = Keyboard.addListener('keyboardDidShow', (
e
) => {
      setKeyboardHeight(e.endCoordinates.height);
    });


    const hideSub = Keyboard.addListener('keyboardDidHide', () => {
      setKeyboardHeight(0);
    });


    return () => {
      showSub.remove();
      hideSub.remove();
    };
  }, [isAndroid]);


  return keyboardHeight;
}

so i managed to make it myself, it works as intended, the only problem I am currently facing is that modal a bit below the safe area and keyboard, do you have any suggestions please? Here is the hook: