Skip to content

cawfree/react-native-apple-scroll-wheel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-apple-scroll-wheel

The iconic scroll wheel that debuted with the original iPod. Now for React Native.

react-native-apple-scroll-wheel

🚀 Getting Started

Using npm:

npm install --save react-native-apple-scroll-wheel

Using yarn:

yarn add react-native-apple-scroll-wheel

Then you can easily import to your project using:

import AppleScrollWheel from 'react-native-apple-scroll-wheel';

✍️ Example

In the snippet below, we outline the basic interface to the AppleScrollWheel:

<AppleScrollWheel
  value={this.state.value}
  minValue={-720}
  increment={1}
  maxValue={720}
  onChangeValue={value => this.setState({ value })}
/>

For a complete working example, please check out the included example code.

📌 Props

Prop Type Default Required
radius number 120 No
innerRadius number 60 No
increment number 10 No
minValue number 360 * -2 No
maxValue number 360 * 2 No
value number 0 No
onChangeValue func v => null No
outerCircleStyle shape[object Object] styles.outerCircleStyle No
innerCircleStyle shape[object Object] styles.innerCircleStyle No
InnerComponent func React.Fragment No

✌️ License

MIT

Buy @cawfree a coffee

About

The iconic scroll wheel that debuted with the original iPod. Now for React Native.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published