more

Author: pvinis

src/useAccessibilityInfo.ts

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react'
 import { AccessibilityInfo } from 'react-native'
 
 
-export default () => {
+export default function useAccessibilityInfo() {
   const [screenReaderEnabled, updateScreenReaderInfo] = useState(null)
 
 

src/useAppState.ts

@@ -2,9 +2,8 @@ import React, { useEffect, useState } from 'react'
 import { AppState, AppStateStatus } from 'react-native'
 
 
-const currentState = AppState.currentState
-
-export default () => {
+export default function useAppState() {
+  const currentState = AppState.currentState
   const [appState, setAppState] = useState(currentState)
 
   function onChange(newState: AppStateStatus) {

src/useBackHandler.ts

@@ -0,0 +1,13 @@
+import React, { useEffect } from 'react'
+import { BackHandler } from 'react-native'
+
+
+export default function useBackHandler(handler) {
+  useEffect(() => {
+    BackHandler.addEventListener('hardwareBackPress', handler)
+
+    return () => {
+      BackHandler.removeEventListener('hardwareBackPress', handler)
+    }
+  })
+}

src/useCameraRoll.ts

@@ -18,7 +18,7 @@ const defaultConfig: GetPhotosParamType = {
   groupTypes: 'All'
 }
 
-export default function() {
+export default function useCameraRoll() {
   const [photos, setPhotos] = useState(initialState)
 
   async function getPhotos(config = defaultConfig) {

src/useClipboard.ts

@@ -2,14 +2,16 @@ import React, { useEffect, useState } from 'react'
 import { Clipboard } from 'react-native'
 
 
-export default () => {
+export default function useClipBoard() {
   const [data, updateClipboardData] = useState('')
 
+  async function updateClipboard() {
+    const content = await Clipboard.getString()
+    updateClipboardData(content);
+  }
+
   useEffect(() => {
-    (async () => {
-		  const content = await Clipboard.getString()
-		  updateClipboardData(content)
-	  })()
+    updateClipboard()
   }, [])
 
   function setString(content: string) {

src/useDeviceOrientation.ts

@@ -4,7 +4,7 @@ import { Dimensions, ScaledSize } from 'react-native';
 
 const screen = Dimensions.get('screen');
 
-export default () => {
+export default function() {
 	const isOrientationPortrait = ({ width, height }: { width: number, height: number }) => height >= width;
 	const isOrientationLandscape = ({ width, height }: { width: number, height: number }) => width >= height;
 

src/useDimensions.ts

@@ -5,7 +5,7 @@ import { Dimensions, ScaledSize } from 'react-native'
 const window = Dimensions.get('window')
 const screen = Dimensions.get('screen')
 
-export default () => {
+export default function useDimensions() {
   const [dimensions, setDimensions] = useState({
     window, screen
   })

src/useInteractionManager.ts

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { InteractionManager } from 'react-native';
 
 
-export default () => {
+export default function useInteractionManager() {
   const [complete, updateInteractionStatus] = useState(false);
 
   useEffect(() => {

src/useLayout.ts

@@ -0,0 +1,17 @@
+import React from 'react'
+
+
+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,
+    }
+}