useKeyboard.js

import React, { useEffect, useState } from "react";
import { Keyboard } from "react-native";
import { c } from "~/helpers/rootHelper";

const useKeyboard = () => {
    const [indent, setIndent] = useState(0);
    const isVisible = indent > 0;

    const dismiss = () => {
        Keyboard.dismiss();
    };

    useEffect(() => {
        const onKeyboardShow = ({ endCoordinates }) => {
            setIndent(endCoordinates.height);
        };

        const onKeyboardHide = () => {
            setIndent(0);
        };

        const event = c.IS_IOS ? "Will" : "Did";

        Keyboard.addListener(`keyboard${event}Show`, onKeyboardShow);
        Keyboard.addListener(`keyboard${event}Hide`, onKeyboardHide);

        return () => {
            Keyboard.removeListener(`keyboard${event}Show`, onKeyboardShow);
            Keyboard.removeListener(`keyboard${event}Hide`, onKeyboardHide);
        };
    }, []);

    return {
        isVisible,
        indent,
        dismiss
    };
};

export default useKeyboard;