Skip to content

Instantly share code, notes, and snippets.

@princefishthrower

princefishthrower/KeyboardShiftUseEffectFixReactNatve66.tsx

Created October 28, 2021 19:43
Show Gist options
  • Save princefishthrower/5b58245f43e081f2d41d3663ac53a5bd to your computer and use it in GitHub Desktop.
Save princefishthrower/5b58245f43e081f2d41d3663ac53a5bd to your computer and use it in GitHub Desktop.
Download ZIP
Updated useEffect for KeyboardShift on React Native 0.66 and higher
Raw
KeyboardShiftUseEffectFixReactNatve66.tsx
const [didShowListener, setDidShowListener] = useState<EmitterSubscription | null>()
const [didHideListener, setDidHideListener] = useState<EmitterSubscription | null>()
useEffect(() => {
setDidShowListener(Keyboard.addListener('keyboardDidShow', handleKeyboardDidShow));
setDidHideListener(Keyboard.addListener('keyboardDidHide', handleKeyboardDidHide));
return () => {
if (didShowListener){
didShowListener.remove();
}
if (didHideListener) {
didHideListener.remove();
}
}
}, [])
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment