/// import React from 'react'; import { ViewProps, ViewStyle, ColorValue, StyleProp } from 'react-native'; declare const SliderWithRef: React.ForwardRefExoticComponent & Readonly<{ /** * If true the slider will be inverted. * Default value is false. */ vertical?: boolean; }> & Readonly<{ /** * Used to style and layout the `Slider`. See `StyleSheet.js` and * `DeprecatedViewStylePropTypes.js` for more info. */ style?: StyleProp; /** * Write-only property representing the value of the slider. * Can be used to programmatically control the position of the thumb. * Entered once at the beginning still acts as an initial value. * The value should be between minimumValue and maximumValue, * which default to 0 and 1 respectively. * Default value is 0. * * This is not a controlled component, you don't need to update the * value during dragging. */ value?: number; /** * Step value of the slider. The value should be * between 0 and (maximumValue - minimumValue). * Default value is 0. */ step?: number; /** * Initial minimum value of the slider. Default value is 0. */ minimumValue?: number; /** * Initial maximum value of the slider. Default value is 1. */ maximumValue?: number; /** * The lower limit value of the slider. The user won't be able to slide below this limit. */ lowerLimit?: number; /** * The upper limit value of the slider. The user won't be able to slide above this limit. */ upperLimit?: number; /** * The color used for the track to the left of the button. * Overrides the default blue gradient image on iOS. */ minimumTrackTintColor?: ColorValue; /** * The color used for the track to the right of the button. * Overrides the default blue gradient image on iOS. */ maximumTrackTintColor?: ColorValue; /** * The color used to tint the default thumb images on iOS, or the * color of the foreground switch grip on Android. */ thumbTintColor?: ColorValue; /** * If true the user won't be able to move the slider. * Default value is false. */ disabled?: boolean; /** * Callback continuously called while the user is dragging the slider. */ onValueChange?: (value: number) => void; /** * Callback that is called when the user touches the slider, * regardless if the value has changed. The current value is passed * as an argument to the callback handler. */ onSlidingStart?: (value: number) => void; /** * Callback that is called when the user releases the slider, * regardless if the value has changed. The current value is passed * as an argument to the callback handler. */ onSlidingComplete?: (value: number) => void; /** * Used to locate this view in UI automation tests. */ testID?: string; /** * Sets an image for the thumb. Only static images are supported. */ thumbImage?: ImageSource; /** * If true the slider will be inverted. * Default value is false. */ inverted?: boolean; /** * A string of one or more words to be announced by the screen reader. * Otherwise, it will announce the value as a percentage. * Requires passing a value to `accessibilityIncrements` to work correctly. * Should be a plural word, as singular units will be handled. */ accessibilityUnits?: string; /** * An array of values that represent the different increments displayed * by the slider. All the values passed into this prop must be strings. * Requires passing a value to `accessibilityUnits` to work correctly. * The number of elements must be the same as `maximumValue`. */ accessibilityIncrements?: string[]; }> & React.RefAttributes>>>; export default SliderWithRef;