bottom-sheet-stepper
Version:
A lightweight and customizable stepper component for React Native, built on top of @gorhom/bottom-sheet. Easily manage multi-step flows in a modal bottom sheet with smooth animations and full control.
21 lines (20 loc) • 706 B
TypeScript
import React from 'react';
import { type ViewStyle, type StyleProp } from 'react-native';
export type StepComponentProps = {
onNextPress: () => void;
onBackPress: () => void;
onEnd?: () => void;
};
export type BottomSheetStepperRef = {
present: () => void;
dismiss: () => void;
};
export type BottomSheetStepperProps = {
steps: ((props: StepComponentProps) => React.ReactNode)[];
style?: StyleProp<ViewStyle>;
bottomInset?: number;
horizontalInset?: number;
disablePanDownToClose?: boolean;
};
declare const BottomSheetStepper: React.ForwardRefExoticComponent<BottomSheetStepperProps & React.RefAttributes<BottomSheetStepperRef>>;
export default BottomSheetStepper;