React NAtive Hook for getting keyboard height

useKeyboardHeight.js

import { useEffect, useState } from "react";
import { Keyboard, KeyboardEvent } from "react-native";

export const useKeyboard = () => {
  // TODO: uncomment to return the height
  // const [ keyboardHeight, setKeyboardHeight ] = useState(0);
  const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);

  // const onKeyboardDidShow = (e) => setKeyboardHeight(e.endCoordinates.height);

  // const onKeyboardDidHide = () => setKeyboardHeight(0);

  // useEffect(() => {
  //   Keyboard.addListener('keyboardDidShow', onKeyboardDidShow);
  //   Keyboard.addListener('keyboardDidHide', onKeyboardDidHide);
  //   return () => {
  //     Keyboard.remove('keyboardDidShow', onKeyboardDidShow);
  //     Keyboard.remove('keyboardDidHide', onKeyboardDidHide);
  //   };
  // }, []);

  // return [ keyboardHeight ];

  useEffect(() => {
    const keyboardDidShowListener = Keyboard.addListener("keyboardDidShow", () =>
      setIsKeyboardVisible(true)
    );
    const keyboardDidHideListener = Keyboard.addListener("keyboardDidHide", () =>
      setIsKeyboardVisible(false)
    );

    return () => {
      keyboardDidShowListener.remove();
      keyboardDidHideListener.remove();
    };
  }, []);

  // return true or false (keyboard is visible or not):
  return isKeyboardVisible;
};

// Inorder to return true or false