rn-sherpa
Version:
A lightweight, flexible React Native library for creating powerful, step-by-step guided product tours with smart positioning and animations
56 lines • 1.43 kB
TypeScript
import React from 'react';
import type { ViewStyle } from 'react-native';
import type { MeasuredLayout, TourStep } from '../types';
interface AnimatedPopoverProps {
/**
* Current step configuration
*/
step: TourStep;
/**
* Layout of the highlighted component
*/
highlightedLayout?: MeasuredLayout | null;
/**
* Current step index (1-based for display)
*/
currentStep: number;
/**
* Total number of steps
*/
totalSteps: number;
/**
* Whether to show navigation buttons
*/
showButtons?: boolean;
/**
* Whether to show progress indicator
*/
showProgress?: boolean;
/**
* Whether to allow closing the tour
*/
allowClose?: boolean;
/**
* Custom popover style
*/
style?: ViewStyle;
/**
* Callback for next button
*/
onNext?: () => void;
/**
* Callback for previous button
*/
onPrevious?: () => void;
/**
* Callback for close button
*/
onClose?: () => void;
/**
* Animation duration in milliseconds
*/
animationDuration?: number;
}
export declare function AnimatedPopover({ step, highlightedLayout, currentStep, totalSteps, showButtons, showProgress, allowClose, style, onNext, onPrevious, onClose, animationDuration, }: AnimatedPopoverProps): React.JSX.Element;
export {};
//# sourceMappingURL=AnimatedPopover.d.ts.map