react-native-micro-interactions/lib/module/animations/text_slide_vertical.js

Effortlessly enhance your React Native components with subtle micro-interactions and animations.

"use strict";

import { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
import { filterTextSlideAnimOptions } from "../utils/animOptionsFilter.js";
import { useCallback } from "react";
export const textSlideVertical = (config, props) => {
  const animationOptions = filterTextSlideAnimOptions(config, props);
  let offset = useSharedValue(animationOptions.offset);
  const runIndividualAnimation = useCallback(() => {
    offset.value = animationOptions.offset;
    offset.value = withTiming(0, {
      duration: animationOptions.duration
    });
  }, [animationOptions, offset]);
  const animatedStyle = useAnimatedStyle(() => {
    return {
      transform: [{
        translateY: offset.value
      }]
    };
  }, [offset]);
  return {
    animatedStyle,
    runIndividualAnimation
  };
};
//# sourceMappingURL=text_slide_vertical.js.map