0
209
ViewsHow can I know when the mobile keyboard is open in React
I have the Textfield below which has the Autofocus attribute,i want to know if there is a way to know when the keyboard is open in mobile view and store it in a boolean variable.
·
Juan Pablo Isaza
1 answers
Answer question0
const [isKeyboardVisible, setKeyboardVisible] = useState(false);
useEffect(() => {
const keyboardDidShowListener = Keyboard.addListener(
'keyboardDidShow',
() => {
setKeyboardVisible(true); // or some other action
}
);
const keyboardDidHideListener = Keyboard.addListener(
'keyboardDidHide',
() => {
setKeyboardVisible(false); // or some other action
}
);
return () => {
keyboardDidHideListener.remove();
keyboardDidShowListener.remove();
};
}, []);
·
Juan Pablo Isaza
Report
Answer question