0.0.2 • Published 6 years ago
react-native-apple-scroll-wheel v0.0.2
react-native-apple-scroll-wheel
The iconic scroll wheel that debuted with the original iPod. Now for React Native.
🚀 Getting Started
Using npm:
npm install --save react-native-apple-scroll-wheelUsing yarn:
yarn add react-native-apple-scroll-wheelThen 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 | shapeobject Object | styles.outerCircleStyle | No |
| innerCircleStyle | shapeobject Object | styles.innerCircleStyle | No |
| InnerComponent | func | React.Fragment | No |