→ 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();
};
}, []);
'FrameWork > ReactNative' 카테고리의 다른 글
[ReactNative] KeyBord 이벤트를 감지하고, 콜백함수 등록 (0) | 2023.12.13 |
---|---|
[ReactNative] ReactNative 에서 사용하는 Tag, Optional 정리 (0) | 2023.12.11 |
[ReactNative] <Text/> ‘onPress’ 이벤트에 따른 기본 Gray background 없애기 (1) | 2023.12.11 |
[ReactNative] expo 웹에서 실행 (0) | 2023.12.11 |
[React Native] Install (0) | 2023.12.04 |