import {useAccessibilityInfo} from '@react-native-community/hooks' const { boldTextEnabled, screenReaderEnabled, reduceMotionEnabled, // requires RN60 or newer grayscaleEnabled, // requires RN60 or newer invertColorsEnabled, // requires RN60 or newer reduceTransparencyEnabled, // requires RN60 or newer } = useAccessibilityInfo()

import {useAppState} from '@react-native-community/hooks' const currentAppState = useAppState()

import {useBackHandler} from '@react-native-community/hooks' useBackHandler(() => { if (shouldBeHandledHere) { // handle it return true } // let the default thing happen return false },[shouldBeHandledHere])

import {useImageDimensions} from '@react-native-community/hooks' const source = require('./assets/yourImage.png') // or const source = {uri: 'https://your.image.URI'} const {dimensions, loading, error} = useImageDimensions(source) if (loading || error || !dimensions) { return null } const {width, height, aspectRatio} = dimensions

import {useKeyboard} from '@react-native-community/hooks' const keyboard = useKeyboard() console.log('keyboard isKeyboardShow: ', keyboard.keyboardShown) console.log('keyboard keyboardHeight: ', keyboard.keyboardHeight)

import {useInteractionManager} from '@react-native-community/hooks' const interactionReady = useInteractionManager() console.log('interaction ready: ', interactionReady)

import {useDeviceOrientation} from '@react-native-community/hooks' const orientation = useDeviceOrientation() console.log('orientation is:', orientation)

import { useLayout } from '@react-native-community/hooks' const { onLayout, ...layout } = useLayout() console.log('layout: ', layout) <View onLayout={onLayout} style={{width: 200, height: 200, marginTop: 30}} />

import {useRefresh} from '@react-native-community/hooks' const fetch = () => { return new Promise((resolve) => setTimeout(resolve, 500)) } const {isRefreshing, onRefresh} = useRefresh(fetch) ;<ScrollView refreshControl={ <RefreshControl refreshing={isRefreshing} onRefresh={onRefresh} /> } />