Eric Bailey
37 lines
925 B
TypeScript
37 lines
925 B
TypeScript
import {useEffect, useState} from 'react'
|
|
import {Keyboard} from 'react-native'
|
|
|
|
import {IS_IOS} from '#/env'
|
|
|
|
export function useIsKeyboardVisible({
|
|
iosUseWillEvents,
|
|
}: {
|
|
iosUseWillEvents?: boolean
|
|
} = {}) {
|
|
const [isKeyboardVisible, setKeyboardVisible] = useState(false)
|
|
|
|
// NOTE
|
|
// only iOS supports the "will" events
|
|
// -prf
|
|
const showEvent =
|
|
IS_IOS && iosUseWillEvents ? 'keyboardWillShow' : 'keyboardDidShow'
|
|
const hideEvent =
|
|
IS_IOS && iosUseWillEvents ? 'keyboardWillHide' : 'keyboardDidHide'
|
|
|
|
useEffect(() => {
|
|
const keyboardShowListener = Keyboard.addListener(showEvent, () =>
|
|
setKeyboardVisible(true),
|
|
)
|
|
const keyboardHideListener = Keyboard.addListener(hideEvent, () =>
|
|
setKeyboardVisible(false),
|
|
)
|
|
|
|
return () => {
|
|
keyboardHideListener.remove()
|
|
keyboardShowListener.remove()
|
|
}
|
|
}, [showEvent, hideEvent])
|
|
|
|
return [isKeyboardVisible]
|
|
}
|