useMeasure.ts

interface Measurements {
  x: number
  y: number
  width: number
  height: number
  pageX: number
  pageY: number
}

export const useMeasure: () => [RefObject<View>, Measurements] = () => {
  const [x, setX] = useState(0)
  const [y, setY] = useState(0)
  const [width, setWidth] = useState(0)
  const [height, setHeight] = useState(0)
  const [pageX, setPageX] = useState(0)
  const [pageY, setPageY] = useState(0)
  const ref = useRef<View>(null)

  useEffect(() => {
    if (ref.current != null) {
      ref.current.measure((x, y, width, height, pageX, pageY) => {
        setX(x)
        setY(y)
        setWidth(width)
        setHeight(height)
        setPageX(pageX)
        setPageY(pageY)
      })
    }
  })

  return [ref, { height, pageX, pageY, width, x, y }]
}