add value to Coordinates when hide

Author: Gamal-Shaban

src/useKeyboard.ts

@@ -1,32 +1,37 @@
-import {useEffect, useState} from 'react'
-import {Keyboard, KeyboardEventListener, ScreenRect} from 'react-native'
+import { useEffect, useState } from 'react'
+import { Keyboard, KeyboardEventListener, ScreenRect } from 'react-native'
 
 export default function useKeyboard() {
   const [shown, setShown] = useState(false)
   const [coordinates, setCoordinates] = useState<{
     start: ScreenRect
     end: ScreenRect
   }>({
-    start: {screenX: 0, screenY: 0, width: 0, height: 0},
-    end: {screenX: 0, screenY: 0, width: 0, height: 0},
+    start: { screenX: 0, screenY: 0, width: 0, height: 0 },
+    end: { screenX: 0, screenY: 0, width: 0, height: 0 },
   })
   const [keyboardHeight, setKeyboardHeight] = useState<number>(0)
 
   const handleKeyboardWillShow: KeyboardEventListener = e => {
-    setCoordinates({start: e.startCoordinates, end: e.endCoordinates})
+    setCoordinates({ start: e.startCoordinates, end: e.endCoordinates })
   }
   const handleKeyboardDidShow: KeyboardEventListener = e => {
     setShown(true)
-    setCoordinates({start: e.startCoordinates, end: e.endCoordinates})
+    setCoordinates({ start: e.startCoordinates, end: e.endCoordinates })
     setKeyboardHeight(e.endCoordinates.height)
   }
   const handleKeyboardWillHide: KeyboardEventListener = e => {
-    setCoordinates({start: e.startCoordinates, end: e.endCoordinates})
+    setCoordinates({ start: e.startCoordinates, end: e.endCoordinates })
   }
   const handleKeyboardDidHide: KeyboardEventListener = e => {
     setShown(false)
     if (e) {
-      setCoordinates({start: e.startCoordinates, end: e.endCoordinates})
+      setCoordinates({ start: e.startCoordinates, end: e.endCoordinates })
+    } else {
+      setCoordinates({
+        start: { screenX: 0, screenY: 0, width: 0, height: 0 }
+        , end: { screenX: 0, screenY: 0, width: 0, height: 0 }
+      })
     }
     setKeyboardHeight(0)
   }