Merge branch 'use-layout' of https://github.com/DylanVann/react-native-hooks into DylanVann-use-layout

Author: Dabit

README.md

@@ -110,3 +110,16 @@ const orientation = useDeviceOrientation()
 console.log('is orientation portrait: ', orientation.portrait)
 console.log('is orientation landscape: ', orientation.landscape)
 ```
+
+### `useLayout`
+
+```js
+import { useLayout } from 'react-native-hooks'
+
+const {x, y, width, height, onLayout}  = useLayout()
+
+<View onLayout={onLayout}>
+  <View style={{width: width, height: width, backgroundColor: 'red'}} />
+  <View style={{width: width, height: width, backgroundColor: 'green'}} />
+</View>
+```

lib/useLayout.js

@@ -0,0 +1,13 @@
+export default function useLayout() {
+    const [layout, setLayout] = React.useState({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0,
+    })
+    const onLayout = React.useCallback(e => setLayout(e.nativeEvent.layout), [])
+    return {
+        onLayout,
+        ...layout,
+    }
+}