Merge branch 'master' of https://github.com/Naturalclar/react-native-hooks into chore/addEslint

Author: Naturalclar

README.md

@@ -1,6 +1,9 @@
 ![React Native Hooks](reactnativehooks.jpg)
 
 ## React Native Hooks
+
+[![Version][version-badge]][package]
+
 React Native APIs turned into React Hooks allowing you to access asynchronous APIs directly in your functional components.
 
 > Note: You must use React Native >= 0.59.0
@@ -144,3 +147,6 @@ console.log('layout: ', layout)
 
 <View onLayout={onLayout} style={{width: 200, height: 200, marginTop: 30}} />
 ```
+
+[version-badge]: https://img.shields.io/npm/v/react-native-hooks.svg?style=flat-square
+[package]: https://www.npmjs.com/package/react-native-hooks

src/useKeyboard.ts

@@ -10,20 +10,23 @@ export default function useKeyboard() {
     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})
   }
   const handleKeyboardDidShow: KeyboardEventListener = e => {
     setShown(true)
     setCoordinates({start: e.startCoordinates, end: e.endCoordinates})
+    setKeyboardHeight(e.endCoordinates.height)
   }
   const handleKeyboardWillHide: KeyboardEventListener = e => {
     setCoordinates({start: e.startCoordinates, end: e.endCoordinates})
   }
   const handleKeyboardDidHide: KeyboardEventListener = e => {
     setShown(false)
     setCoordinates({start: e.startCoordinates, end: e.endCoordinates})
+    setKeyboardHeight(0)
   }
 
   useEffect(() => {
@@ -55,5 +58,6 @@ export default function useKeyboard() {
   return {
     keyboardShown: shown,
     coordinates,
+    keyboardHeight,
   }
 }