All Projects → cawfree → react-native-apple-scroll-wheel

cawfree / react-native-apple-scroll-wheel

Licence: MIT license
The iconic scroll wheel that debuted with the original iPod. Now for React Native.

Programming Languages

javascript
184084 projects - #8 most used programming language
objective c
16641 projects - #2 most used programming language
ruby
36898 projects - #4 most used programming language
python
139335 projects - #7 most used programming language
java
68154 projects - #9 most used programming language

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].