react-native-sticky-range-slider
Version:
[React Native | TypeScript] A pure TypeScript component offering a customizable range slider optimized for performance. It supports dragging functionalities for selecting a range of values, with values that smoothly follow the thumb. This component is ful
35 lines • 1.21 kB
TypeScript
import { type MutableRefObject } from 'react';
import { Animated, type LayoutChangeEvent } from 'react-native';
export declare const useLowHigh: (lowProp: number | undefined, highProp: number | undefined, min: number, max: number, step: number) => {
inPropsRef: MutableRefObject<{
low: number;
high: number;
step: number;
min: number;
max: number;
}>;
inPropsRefPrev: {
lowPrev: number;
highPrev: number;
};
setLow: (value: number) => number;
setHigh: (value: number) => number;
};
export declare const useWidthLayout: (widthRef: MutableRefObject<number>, callback?: (width: number) => void) => ({ nativeEvent }: LayoutChangeEvent) => void;
interface InProps {
low: number;
high: number;
min: number;
max: number;
step: number;
}
export declare const useSelectedRail: (inPropsRef: MutableRefObject<InProps>, containerWidthRef: MutableRefObject<number>, thumbWidth: number, disableRange: boolean) => {
selectedRailStyle: {
position: string;
left: Animated.Value;
right: Animated.Value;
};
updateSelectedRail: () => void;
};
export {};
//# sourceMappingURL=index.d.ts.map