react-native-ui-lib/src/incubator/slider/index.d.ts

[](https://stand-with-ukraine.pp.ua)

import React, { ReactElement } from 'react';
import { StyleProp, ViewStyle, ViewProps, AccessibilityProps } from 'react-native';
import { ForwardRefInjectedProps } from '../../commons/new';
import { ComponentStatics } from '../../typings/common';
export interface SliderProps extends AccessibilityProps {
    /**
     * Initial value
     */
    value?: number;
    /**
     * Track minimum value
     */
    minimumValue?: number;
    /**
     * Track maximum value
     */
    maximumValue?: number;
    /**
     * Initial minimum value (when useRange is true)
     */
    initialMinimumValue?: number;
    /**
     * Initial maximum value (when useRange is true)
     */
    initialMaximumValue?: number;
    /**
     * Step value of the slider. The value should be between 0 and (maximumValue - minimumValue)
     */
    step?: number;
    /**
     * Callback for onValueChange
     */
    onValueChange?: (value: number) => void;
    /**
     * Callback that notifies about slider seeking is started
     */
    onSeekStart?: () => void;
    /**
     * Callback that notifies about slider seeking is finished
     */
    onSeekEnd?: () => void;
    /**
     * Callback that notifies when the reset function was invoked
     */
    onReset?: () => void;
    /**
     * The container style
     */
    containerStyle?: StyleProp<ViewStyle>;
    /**
     * The color used for the track from minimum value to current value
     */
    minimumTrackTintColor?: string;
    /**
     * The track color
     */
    maximumTrackTintColor?: string;
    /**
     * The track style
     */
    trackStyle?: StyleProp<ViewStyle>;
    /**
     * Custom render instead of rendering the track
     */
    renderTrack?: () => ReactElement | ReactElement[];
    /**
     * The thumb style
     */
    thumbStyle?: ViewStyle;
    /**
     * The active (during press) thumb style
     */
    activeThumbStyle?: ViewStyle;
    /**
     * If true the Slider will not change it's style on press
     */
    disableActiveStyling?: boolean;
    /**
     * Defines how far a touch event can start away from the thumb
     */
    thumbHitSlop?: ViewProps['hitSlop'];
    /**
     * Whether the thumb will have a shadow
     */
    enableThumbShadow?: boolean;
    /**
     * Thumb color
     */
    thumbTintColor?: string;
    /**
     * Disabled thumb tint color
     */
    disabledThumbTintColor?: string;
    /**
     * If true the Slider will be disabled and will appear in disabled color
     */
    disabled?: boolean;
    /**
     * If true the Slider will display a second thumb for the min value
     */
    useRange?: boolean;
    /**
     * If true the min and max thumbs will not overlap
     */
    useGap?: boolean;
    /**
     * Callback for onRangeChange. Returns values object with the min and max values
     */
    onRangeChange?: (values: {
        min: number;
        max: number;
    }) => void;
    /**
     * If true the Slider will stay in LTR mode even if the app is on RTL mode
     */
    disableRTL?: boolean;
    /**
     * If true the component will have accessibility features enabled
     */
    accessible?: boolean;
    /**
     * The slider's test identifier
     */
    testID?: string;
    /**
     * Whether to use the new Slider implementation using Reanimated
     */
    migrate?: boolean;
    /**
     * Control the throttle time of the onValueChange and onRangeChange callbacks
     */
    throttleTime?: number;
}
type Props = SliderProps & ForwardRefInjectedProps<SliderRef>;
export interface SliderRef {
    reset: () => void;
}
declare const _default: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<SliderRef>> & ComponentStatics<React.MemoExoticComponent<(props: Props) => React.JSX.Element>>;
export default _default;