fix: prevent running onKeyboardWillShow when picker is closed (#132)

src/EmojiPicker.tsx

@@ -24,7 +24,7 @@ export const EmojiPicker = ({
   const offsetY = React.useRef(new Animated.Value(0)).current
   const height = React.useRef(new Animated.Value(getHeight(defaultHeight, screenHeight))).current
   const additionalHeight = React.useRef(new Animated.Value(0)).current
-  const { keyboardVisible, keyboardHeight } = useKeyboard()
+  const { keyboardVisible, keyboardHeight } = useKeyboard(open)
   const [isExpanded, setIsExpanded] = React.useState(false)
 
   React.useEffect(() => {

src/hooks/useKeyboard.ts

@@ -1,28 +1,32 @@
-import { useEffect, useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 import { Keyboard, KeyboardEvent } from 'react-native'
 
-export const useKeyboard = () => {
+export const useKeyboard = (isOpen: boolean) => {
   const [keyboardVisible, setKeyboardVisible] = useState(false)
   const [keyboardHeight, setKeyboardHeight] = useState(0)
 
-  function onKeyboardDidShow(e: KeyboardEvent) {
-    setKeyboardHeight(e.endCoordinates.height)
-    setKeyboardVisible(true)
-  }
+  const onKeyboardWillShow = useCallback(
+    (e: KeyboardEvent) => {
+      if (!isOpen) return
+      setKeyboardHeight(e.endCoordinates.height)
+      setKeyboardVisible(true)
+    },
+    [isOpen]
+  )
 
-  function onKeyboardDidHide() {
+  const onKeyboardWillHide = useCallback(() => {
     setKeyboardHeight(0)
     setKeyboardVisible(false)
-  }
+  }, [])
 
   useEffect(() => {
-    const showSubscription = Keyboard.addListener('keyboardWillShow', onKeyboardDidShow)
-    const hideSubscription = Keyboard.addListener('keyboardWillHide', onKeyboardDidHide)
+    const showSubscription = Keyboard.addListener('keyboardWillShow', onKeyboardWillShow)
+    const hideSubscription = Keyboard.addListener('keyboardWillHide', onKeyboardWillHide)
     return () => {
       showSubscription.remove()
       hideSubscription.remove()
     }
-  }, [])
+  }, [onKeyboardWillHide, onKeyboardWillShow])
 
   return { keyboardVisible, keyboardHeight }
 }