A little (horizontal) animated slider component for React Native. Inspired by rn-vertical-slider.
- Vanilla React Native animation API
- Compatible with Expo, try it out in the snack
- This implementation of the pan gesture animation runs on the JS thread.
yarn add @candlefinance/sliderCheck out the example project for a demo project.
import Slider from '@candlefinance/slider';
<Slider
value={myValue}
disabled={false}
min={1}
max={99}
onChange={(value) => {
console.log('CHANGE', value);
setMyValue(value);
}}
onComplete={(value) => {
console.log('COMPLETE', value);
}}
width={300}
height={54}
step={1}
maximumTrackTintColor="#c7c7c7"
minimumTrackTintColor="#ff0067"
ballIndicatorColor="#4f4f4f"
ballIndicatorTextColor="#ffffff"
/>See the contributing guide to learn how to contribute to the repository and the development workflow.
MIT