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

UI components for WordPress.

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

/**
 * WordPress dependencies
 */
import { useEffect, useState } from '@wordpress/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 );
		};

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

	return floating;
}