@react-native-assets/slider
Version:
Lightweight slider for React-Native and React-Native-Web. A Range slider is included
82 lines (81 loc) • 2.86 kB
TypeScript
import React from 'react';
import * as RN from 'react-native';
export declare type SliderProps = RN.ViewProps & {
value?: number;
minimumValue?: number;
maximumValue?: number;
step?: number;
minimumTrackTintColor?: RN.ColorValue;
maximumTrackTintColor?: RN.ColorValue;
thumbTintColor?: RN.ColorValue;
thumbStyle?: RN.StyleProp<RN.ViewStyle>;
trackStyle?: RN.StyleProp<RN.ViewStyle>;
minTrackStyle?: RN.StyleProp<RN.ViewStyle>;
maxTrackStyle?: RN.StyleProp<RN.ViewStyle>;
style?: RN.StyleProp<RN.ViewStyle>;
inverted?: boolean;
vertical?: boolean;
enabled?: boolean;
slideOnTap?: boolean;
trackHeight?: number;
thumbSize?: number;
thumbImage?: RN.ImageURISource;
onValueChange?: (value: number) => boolean | void;
onSlidingStart?: (value: number) => void;
onSlidingComplete?: (value: number) => void;
CustomThumb?: React.ComponentType<{
value: number;
}>;
CustomMark?: React.ComponentType<{
value: number;
active: boolean;
}>;
CustomTrack?: React.ComponentType<{
length: number;
thickness: number;
vertical: boolean;
track: 'min' | 'max';
style: RN.StyleProp<RN.ViewStyle>;
color: RN.ColorValue;
}>;
};
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<RN.ViewProps & {
value?: number | undefined;
minimumValue?: number | undefined;
maximumValue?: number | undefined;
step?: number | undefined;
minimumTrackTintColor?: RN.ColorValue | undefined;
maximumTrackTintColor?: RN.ColorValue | undefined;
thumbTintColor?: RN.ColorValue | undefined;
thumbStyle?: RN.StyleProp<RN.ViewStyle>;
trackStyle?: RN.StyleProp<RN.ViewStyle>;
minTrackStyle?: RN.StyleProp<RN.ViewStyle>;
maxTrackStyle?: RN.StyleProp<RN.ViewStyle>;
style?: RN.StyleProp<RN.ViewStyle>;
inverted?: boolean | undefined;
vertical?: boolean | undefined;
enabled?: boolean | undefined;
slideOnTap?: boolean | undefined;
trackHeight?: number | undefined;
thumbSize?: number | undefined;
thumbImage?: RN.ImageURISource | undefined;
onValueChange?: ((value: number) => boolean | void) | undefined;
onSlidingStart?: ((value: number) => void) | undefined;
onSlidingComplete?: ((value: number) => void) | undefined;
CustomThumb?: React.ComponentType<{
value: number;
}> | undefined;
CustomMark?: React.ComponentType<{
value: number;
active: boolean;
}> | undefined;
CustomTrack?: React.ComponentType<{
length: number;
thickness: number;
vertical: boolean;
track: "min" | "max";
style: RN.StyleProp<RN.ViewStyle>;
color: RN.ColorValue;
}> | undefined;
} & React.RefAttributes<RN.View>>>;
export default _default;