react-native-reanimated/lib/reanimated2/hook/useAnimatedKeyboard.js

More powerful alternative to Animated library for React Native.

import { useEffect, useRef } from 'react';
import NativeReanimated from '../NativeReanimated';
import { makeMutable } from '../core';
import { KeyboardState } from '../commonTypes';
export function useAnimatedKeyboard() {
    const ref = useRef(null);
    const listenerId = useRef(-1);
    const isSubscribed = useRef(false);
    if (ref.current === null) {
        const keyboardEventData = {
            state: makeMutable(KeyboardState.UNKNOWN),
            height: makeMutable(0),
        };
        listenerId.current =
            NativeReanimated.subscribeForKeyboardEvents(keyboardEventData);
        ref.current = keyboardEventData;
        isSubscribed.current = true;
    }
    useEffect(() => {
        if (isSubscribed.current === false && ref.current !== null) {
            // subscribe again after Fast Refresh
            listenerId.current = NativeReanimated.subscribeForKeyboardEvents(ref.current);
            isSubscribed.current = true;
        }
        return () => {
            NativeReanimated.unsubscribeFromKeyboardEvents(listenerId.current);
            isSubscribed.current = false;
        };
    }, []);
    return ref.current;
}