@shopify/react-native-skia/src/animation/timing/runTiming.ts

High-performance React Native Graphics using Skia

import type { SkiaMutableValue, SkiaAnimation } from "../../values/types";
import type {
  AnimationParams,
  TimingConfig,
  AnimationCallback,
} from "../types";

import { getResolvedParams } from "./functions";
import { createTiming } from "./createTiming";
/**
 * Creates a new animation on an existing value that will be driven by
 * an animation value. The value will be run from / to the value in
 * params and modified by the provided easing curve for the length of
 * the duration. When the value has reached its desired "to" value the
 * animation will be stopped.
 *
 * @param value The value to animate
 * @param toOrParams To value or Animation parameters
 * @param config Spring or timing configuration
 * @returns an animation value that can be used to start/stop
 * the animation.
 */
export const runTiming = (
  value: SkiaMutableValue<number>,
  toOrParams: number | AnimationParams,
  config?: TimingConfig,
  callback?: AnimationCallback
): SkiaAnimation => {
  const resolvedParameters = getResolvedParams(toOrParams, config);
  const animation = createTiming(resolvedParameters, value, callback);
  value.animation = animation;
  return animation;
};