keyboard event height react native

1import { useEffect, useState } from 'react';
2import { Keyboard, KeyboardEvent } from 'react-native';
3
4export const useKeyboard = (): [number] => {
5  const [keyboardHeight, setKeyboardHeight] = useState(0);
6
7  function onKeyboardDidShow(e: KeyboardEvent): void {
8    setKeyboardHeight(e.endCoordinates.height);
9  }
10
11  function onKeyboardDidHide(): void {
12    setKeyboardHeight(0);
13  }
14
15  useEffect(() => {
16    Keyboard.addListener('keyboardDidShow', onKeyboardDidShow);
17    Keyboard.addListener('keyboardDidHide', onKeyboardDidHide);
18    return (): void => {
19      Keyboard.removeListener('keyboardDidShow', onKeyboardDidShow);
20      Keyboard.removeListener('keyboardDidHide', onKeyboardDidHide);
21    };
22  }, []);
23
24  return [keyboardHeight];
25};
26then in your component:
27
28  const [keyboardHeight] = useKeyboard();
29  console.log(keyboardHeight);