react-native-leader-line/lib/hooks/useLeaderLineAnimation.d.ts

React Native port of leader-line library for drawing arrow lines and connectors

import { Animated } from "react-native";
import { AnimationType } from "../types";
export interface UseLeaderLineAnimationProps {
    enabled?: boolean;
    type?: AnimationType;
    duration?: number;
    delay?: number;
    loop?: boolean;
    autoStart?: boolean;
    onComplete?: () => void;
}
export declare const useLeaderLineAnimation: ({ enabled, type, duration, delay, loop, autoStart, onComplete, }: UseLeaderLineAnimationProps) => {
    animatedValue: Animated.Value;
    animatedStyle: {
        opacity: Animated.Value;
        transform?: undefined;
        strokeDasharray?: undefined;
        strokeDashoffset?: undefined;
    } | {
        opacity: Animated.Value;
        transform: {
            scale: Animated.AnimatedInterpolation<string | number>;
        }[];
        strokeDasharray?: undefined;
        strokeDashoffset?: undefined;
    } | {
        opacity: Animated.Value;
        transform: {
            translateY: Animated.AnimatedInterpolation<string | number>;
        }[];
        strokeDasharray?: undefined;
        strokeDashoffset?: undefined;
    } | {
        strokeDasharray: string;
        strokeDashoffset: Animated.AnimatedInterpolation<string | number>;
        opacity?: undefined;
        transform?: undefined;
    };
    isAnimating: boolean;
    isVisible: boolean;
    show: (customDuration?: number) => void;
    hide: (customDuration?: number) => void;
    toggle: (customDuration?: number) => void;
};
//# sourceMappingURL=useLeaderLineAnimation.d.ts.map