React Native Awesome Slider

   

A versatile, responsive react native and web slider component.

$3

- Discrete sliding
- Continuous sliding
- Step control
- Snapping behavior

$3

- Scrubbing control
- Haptic feedback

$3

- Custom thumb
- Custom bubble tooltip
- Custom mark
- Customizable appearance

$3

- Media Player Controls (video/audio progress, volume, playback speed)
- Financial Trading Tools (position size, leverage ratio)
- General Purpose (numeric value adjustment, settings configuration)

Installation

First, install and configure Reanimated v2 and react-native-gesture-handler

For react-native-gesture-handler version >= 2:

``sh
yarn add react-native-awesome-slider
`

For version < 2:

`sh
yarn add react-native-awesome-slider@1
`

Basic Usage

`jsx
import { useSharedValue } from 'react-native-reanimated';
import { Slider } from 'react-native-awesome-slider';

export const Example = () => {
const progress = useSharedValue(30);
const min = useSharedValue(0);
const max = useSharedValue(100);
return ;
};
``

Documentation

For complete component props and advanced usage, visit our official documentation.

License

MIT © Alan Toa