react-native-slider-circular-drag v1.0.2

react-native-slider-circular-drag

This is a continuation of the work from the user marcelobarbosaO, who made the initial component;
https://github.com/marcelobarbosaO/react-native-slider-circular-drag

Installation

The project requires react-native-svg to render, so follow these steps to get it up and running:

npm install --save react-native-svg

After it has installed, you must link it:

react-native link react-native-svg

And finally install react-native-slider-circular-drag

npm install --save react-native-slider-circular-drag

Features

• Gradient integration
• Scalable design
• Customizable start location
• Many configurable options

Usage

import CircleSlider from 'react-native-slider-circular-drag';
...
...
render() {
	return (
		<CircleSlider 
			arcDirection={'CW'}
            backgroundColor={"white"}
            btnRadius={20}
            sliderRadius={130}
            sliderWidth={25}
            startDegree={0}
            maxValue={360}
            onPressInnerCircle={(value) => console.log(`Inner: ${value}`)}
            onPressOuterCircle={(value) => console.log(`Outer: ${value}`)}
            onValueChange={(value) => console.log(`Changed: ${value}`)}
            endGradient={"#A6FFCB"}
            startGradient={"#12D8FA"}
		/>
	)
} 

Props