react-native-a11y/src/hooks/useFocusOrder/useFocusOrder.ts

Improvements of a11y for ReactNative, this library improve work with reader and keyboard focus and reader in general.

import { useRef } from 'react';

import { useDynamicFocusOrder } from '../useDynamicFocusOrder';
import type { FocusOrderInfo } from './useFocusOrder.types';

export const useFocusOrder = <T>(size: number): FocusOrderInfo<T> => {
  const { a11yOrder, registerOrder, reset, setOrder } = useDynamicFocusOrder();

  const refs = useRef(
    Array(size)
      .fill(null)
      .map((_, i) => registerOrder(i))
  ).current;

  return {
    a11yOrder,
    refs,
    reset,
    setOrder,
  };
};