react-native-balloon-slider
Slider with a floating balloon animation. Works on iOS, Android and the web.
Based on cuberto/balloon-picker
Try it out. Expo Snack:
https://snack.expo.io/@osamaq/react-native-balloon-slider
Installation
$ yarn add react-native-balloon-slider
Dependencies:
$ yarn add react-native-reanimated react-native-gesture-handler
RN < 0.60 users need to perform linking.
iOS only:
$ npx pod-install ios
Usage
const App = { const balloonSlider = const getSliderValue = { if balloonSlidercurrent console } return <View style=stylesmain> <View style=stylesslider> <BalloonSlider min=0 max=100 ref=balloonSlider /> </View> <TouchableOpacity style=stylesbtn onPress=getSliderValue> <MyButton /> </TouchableOpacity> </View> }
Props
Methods
getValue()
Imperative method for obtaining the current slider value.
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT