react-native-leader-line
Version:
React Native port of leader-line library for drawing arrow lines and connectors
45 lines • 1.51 kB
TypeScript
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