Merge branch 'master' of https://github.com/Naturalclar/react-native-…

…hooks into chore/addEslint

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,
  }
 }