React Native Slider

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.