How to detect when keyboard is opened or closed in React Native

Question

How to detect if user close the keyboard in react native, I want to call a function when user closed the keyboard.

and if you can answer to detect keyboard is open too it will be appreciated, thanks.

I'm on the react native latest version 0.56

Answer 1

Thank you guys for your answers. Here is the hooks version if someone is interested:

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();     };   }, []);