More Premium Hugo Themes Premium React Themes

React Native Slider

A pure JavaScript <Slider> component for react-native and react-native-web

React Native Slider

A pure JavaScript <Slider> component for react-native and react-native-web

Author Avatar Theme by miblanchard
Github Stars Github Stars: 479
Last Commit Last Commit: May 3, 2024 -
First Commit Created: Feb 24, 2024 -
React Native Slider screenshot

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.