https://github.com/alikazemkhanloo/react-native-reanimated-slider
a reanimated slider for video players
https://github.com/alikazemkhanloo/react-native-reanimated-slider
android ios react react-native react-native-reanimated slider-component
Last synced: 2 months ago
JSON representation
a reanimated slider for video players
- Host: GitHub
- URL: https://github.com/alikazemkhanloo/react-native-reanimated-slider
- Owner: alikazemkhanloo
- Created: 2019-08-11T08:45:01.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-07-11T01:06:05.000Z (almost 2 years ago)
- Last Synced: 2025-03-27T05:35:43.861Z (3 months ago)
- Topics: android, ios, react, react-native, react-native-reanimated, slider-component
- Language: JavaScript
- Homepage:
- Size: 2.34 MB
- Stars: 80
- Watchers: 2
- Forks: 16
- Open Issues: 8
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# react-native-reanimated-slider
## motivation
The slider from the react-native is not good for video/audio players. If you slide it while the player is playing the file, It will jump a lot between where the file is playing right now and where your finger is, producing very bad UX. this libray uses `react-native-reanimated` and `react-native-gesture-handler` to produce 60 fps animations and stops jumping the slider while sliding.
## install
first install and link `react-native-reanimated` and `react-native-gesture-handler` and then install this packeage. they are installed by default in latest react-native.
```
yarn add react-native-reanimated-slider
```
if your are using `[email protected]` install version 1. version 1 is not supported anymore.
## Usage and API reference
[Main Slider](https://github.com/alikazemkhanloo/react-native-reanimated-slider/tree/master/docs/Slider.md)
[Ballon Component](https://github.com/alikazemkhanloo/react-native-reanimated-slider/tree/master/docs/Ballon.md)
## *Enjoy Sliding* :)