react-native-awesome-slider
Advanced tools
Comparing version
{ | ||
"name": "react-native-awesome-slider", | ||
"version": "2.0.1", | ||
"version": "2.0.2", | ||
"description": "Slider component written using Reanimated v2, high performance/fps, also be used for video/audio scrubber. ", | ||
@@ -29,3 +29,4 @@ "main": "lib/commonjs/index", | ||
"fix": "eslint \"**/*.{js,ts,tsx}\" --fix", | ||
"test": "jest" | ||
"test": "jest", | ||
"bootstrap": "yarn && cd example && yarn && yarn setup && yarn pods" | ||
}, | ||
@@ -32,0 +33,0 @@ "keywords": [ |
@@ -11,3 +11,3 @@ <div align="center"> | ||
<div align="center"> | ||
<img src="./assets/slider-example.gif" width="30%" /> | ||
<img src="./assets/slider.gif" width="40%" /> | ||
<p><a href="https://twitter.com/alan_toa/status/1497531806740267009" >🔗 Watch video</a><p/> | ||
@@ -19,4 +19,6 @@ <br/> | ||
First you have to follow installation instructions of [Reanimated v2](https://docs.swmansion.com/react-native-reanimated/) and [react-native-gesture-handler v2](https://docs.swmansion.com/react-native-gesture-handler/) | ||
First you have to follow installation instructions of [Reanimated v2](https://docs.swmansion.com/react-native-reanimated/) and [react-native-gesture-handler](https://docs.swmansion.com/react-native-gesture-handler/) | ||
If you react-native-gesture-handler version >= 2: | ||
```sh | ||
@@ -26,4 +28,12 @@ yarn add react-native-awesome-slider | ||
else: | ||
```sh | ||
yarn add react-native-awesome-slider@1 | ||
``` | ||
## Example usage | ||
Basic use: | ||
```jsx | ||
@@ -64,2 +74,4 @@ import { useSharedValue } from 'react-native-reanimated'; | ||
> For more usage, please view [Example](https://github.com/alantoa/react-native-awesome-slider/tree/main/example). | ||
#### Add pan haptic feedback? | ||
@@ -66,0 +78,0 @@ |
157948
0.19%396
3.13%