react-native-zoom-toolkit/lib/commonjs/commons/misc/stacktransition.js

Most complete set of pinch to zoom utilites for React Native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.stackTransition = void 0;
var _reactNativeReanimated = require("react-native-reanimated");
const stackTransition = options => {
  'worklet';

  const {
    index,
    activeIndex,
    direction,
    gallerySize,
    scroll,
    isScrolling
  } = options;
  if (direction === 'vertical') {
    const translateY = index * gallerySize.height - scroll;
    return {
      transform: [{
        translateY
      }]
    };
  }
  if (index < activeIndex - 1 || index > activeIndex + 1) {
    return {
      opacity: 0,
      transform: [{
        translateX: 0
      }, {
        scale: 0
      }]
    };
  }
  let translateX = index * gallerySize.width - scroll;
  let opacity = 1;
  let scale = 1;
  if (index !== activeIndex && !isScrolling) scale = 0;
  const isCurrent = index === activeIndex;
  const isNext = index === activeIndex + 1;
  if (isNext || isCurrent && scroll < index * gallerySize.width) {
    opacity = (0, _reactNativeReanimated.interpolate)(scroll, [(index - 1) * gallerySize.width, index * gallerySize.width], [0, 1], _reactNativeReanimated.Extrapolation.CLAMP);
    scale = 0.75 + 0.25 * opacity;
    translateX = 0;
  }
  return {
    opacity,
    transform: [{
      translateX
    }, {
      scale
    }]
  };
};
exports.stackTransition = stackTransition;
//# sourceMappingURL=stacktransition.js.map