Skip to content

Commit

Permalink
Merge remote-tracking branch 'upstream/master'
Browse files Browse the repository at this point in the history
  • Loading branch information
ajaswal committed Jul 13, 2018
2 parents 48c3395 + f331a68 commit 7cbd788
Show file tree
Hide file tree
Showing 3 changed files with 322 additions and 127 deletions.
5 changes: 5 additions & 0 deletions .github/release-drafter.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
template: |
## What's Changed
$CHANGES
132 changes: 132 additions & 0 deletions index.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,132 @@
declare module 'react-native-slider' {
import { ComponentClass, PureComponent } from 'react'

import {
ImageSourcePropType,
SpringAnimationConfig,
StyleProp,
TimingAnimationConfig,
ViewStyle,
} from 'react-native'

interface SliderProps {
/**
* Initial value of the slider. 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*, e.g. if you don't update
* the value, the component won't be reset to its inital value.
*/
value?: number

/**
* If true the user won't be able to move the slider.
* Default value is false.
*/
disabled: boolean

/**
* Initial minimum value of the slider. Default value is 0.
*/
minimumValue?: number

/**
* Initial maximum value of the slider. Default value is 1.
*/
maximumValue?: number

/**
* Step value of the slider. The value should be between 0 and
* (maximumValue - minimumValue). Default value is 0.
*/
step?: number

/**
* The color used for the track to the left of the button. Overrides the
* default blue gradient image.
*/
minimumTrackTintColor?: string

/**
* The color used for the track to the right of the button. Overrides the
* default blue gradient image.
*/
maximumTrackTintColor?: string

/**
* The color used for the thumb.
*/
thumbTintColor?: string

/**
* The size of the touch area that allows moving the thumb.
* The touch area has the same center has the visible thumb.
* This allows to have a visually small thumb while still allowing the user
* to move it easily.
* The default is {width: 40, height: 40}.
*/
thumbTouchSize?: { width: number; height: number }

/**
* Callback continuously called while the user is dragging the slider.
*/
onValueChange: (value: number) => void

/**
* Callback called when the user starts changing the value (e.g. when
* the slider is pressed).
*/
onSlidingStart?: (value: number) => void

/**
* Callback called when the user finishes changing the value (e.g. when
* the slider is released).
*/
onSlidingComplete?: (value: number) => void

/**
* The style applied to the slider container.
*/
style?: StyleProp<ViewStyle>

/**
* The style applied to the track.
*/
trackStyle?: StyleProp<ViewStyle>

/**
* The style applied to the thumb.
*/
thumbStyle?: StyleProp<ViewStyle>

/**
* Sets an image for the thumb.
*/
thumbImage?: ImageSourcePropType

/**
* Set this to true to visually see the thumb touch rect in green.
*/
debugTouchArea?: boolean

/**
* Set to true to animate values with default 'timing' animation type
*/
animateTransitions?: boolean

/**
* Custom Animation type. 'spring' or 'timing'.
*/
animationType?: 'spring' | 'timing'

/**
* Used to configure the animation parameters. These are the same parameters in the Animated library.
*/
animationConfig?: SpringAnimationConfig | TimingAnimationConfig
}

const Slider: ComponentClass<SliderProps>

export default Slider
}
Loading

0 comments on commit 7cbd788

Please sign in to comment.