[ReactNative] KeyBord 이벤트를 감지하고, 콜백함수 등록

→ kdybord 모듈을 사용하여 키보드 이벤트를 감지하고, 콜백 함수를 등록하는 방법

→ ‘keyboardDidHide’ → 키보드가 숨겨졌을때를 감지

const handleKeyboardDidHide = () => {
    console.log('키보드가 닫혔어요.');
  };

useEffect(() => {
  const keyboardDidHideListener = Keyboard.addListener(
    'keyboardDidHide',
    handleKeyboardDidHide
  );

  return () => {
    keyboardDidHideListener.remove();
  };
}, []);

 

→ ‘keyboardDidShow’ → 키보드가 나타날 때를 감지

const handleKeyboardDidHide = () => {
    console.log('키보드가 닫혔어요.');
  };

useEffect(() => {
  const keyboardDidHideListener = Keyboard.addListener(
    'keyboardDidShow',
    handleKeyboardDidHide
  );

  return () => {
    keyboardDidHideListener.remove();
  };
}, []);