react-native-xenon/lib/module/ui/components/common/IndexedStack.js

A powerful in-app debugging tool for React Native.

"use strict";

import { Children, createElement, useImperativeHandle, useRef } from 'react';
export default function IndexedStack({
  children,
  defaultIndex,
  id,
  ref
}) {
  const currentIndex = useRef(defaultIndex);
  const childrenRefs = useRef([]);
  useImperativeHandle(ref, () => ({
    getCurrentIndex: () => currentIndex.current,
    setCurrentIndex: index => {
      currentIndex.current = index;
      childrenRefs.current.forEach((childRef, i) => {
        if (childRef) {
          childRef.setNativeProps({
            style: {
              display: i === index ? 'flex' : 'none'
            }
          });
        }
      });
    }
  }));
  return Children.map(children, (child, i) => {
    return /*#__PURE__*/createElement(child.type, {
      ...child.props,
      key: `${id}-${i}`,
      style: [child.props.style, {
        display: i === defaultIndex ? 'flex' : 'none'
      }],
      ref: childRef => {
        if (!childRef) return;
        childrenRefs.current[i] = childRef;
      }
    });
  });
}
//# sourceMappingURL=IndexedStack.js.map