react-native-wlkt/src/WalkthroughHooks.js

Simple and fully customizable walkthrough guide for your app

import React, { useState, useCallback } from 'react';

const useComponentSize = () => {
  const [size, setSize] = useState(null);

  const onLayout = useCallback(event => {
    const { width, height } = event.nativeEvent.layout;
    setSize({ width, height });
  }, []);

  return [size, onLayout];
};

export { useComponentSize };