Overview
The @miblanchard/react-native-slider is a pure JavaScript version of the component for react-native and react-native-web. It can be used as a direct replacement for the Slider component from react-native/@react-native-community. With support for React Native version 0.59.0 and above, this component offers customizability and animations for a seamless user experience.
Features
- Animate Transitions: Set to true if you want to use the default ‘spring’ animation.
- Animation Config: Configure animation parameters using the same properties as the Animated library.
- Animation Type: Choose between ‘spring’ or ’timing’ animations with default properties.
- Container Style: Customize the style applied to the container view surrounding the slider.
- Debug Touch Area: Enable visual feedback for the thumb touch area in green.
Installation
To install @miblanchard/react-native-slider, use the following npm command:
npm install @miblanchard/react-native-slider
Summary
@blanchard/react-native-slider is a versatile component that offers customizable features such as animations, styling options, and visual feedback for user interaction. With support for the latest React Native versions, it provides a seamless replacement for the default Slider component, making it a valuable addition to react-native applications.