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-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