@gechiui/components/src/mobile/utils/use-is-floating-keyboard.native.js

UI components for GeChiUI.

/**
 * External dependencies
 */
import { Keyboard, Dimensions } from 'react-native';

/**
 * GeChiUI dependencies
 */
import { useEffect, useState } from '@gechiui/element';

export default function useIsFloatingKeyboard() {
	const windowWidth = Dimensions.get( 'window' ).width;

	const [ floating, setFloating ] = useState( false );

	useEffect( () => {
		const onKeyboardWillChangeFrame = ( event ) => {
			setFloating( event.endCoordinates.width !== windowWidth );
		};

		Keyboard.addListener(
			'keyboardWillChangeFrame',
			onKeyboardWillChangeFrame
		);
		return () => {
			Keyboard.removeListener(
				'keyboardWillChangeFrame',
				onKeyboardWillChangeFrame
			);
		};
	}, [ windowWidth ] );

	return floating;
}