1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 | import React from 'react'
|
7 | import { requireNativeComponent } from 'react-native'
|
8 |
|
9 | const WheelPickerView = requireNativeComponent('WheelPicker', null)
|
10 |
|
11 | type Props = {
|
12 | data: Array<string>,
|
13 | isCyclic?: boolean,
|
14 | selectedItemTextColor?: string,
|
15 | selectedItemTextSize?: number,
|
16 | indicatorWidth?: number,
|
17 | hideIndicator?: boolean,
|
18 | indicatorColor?: string,
|
19 | itemTextColor?: string,
|
20 | itemTextSize?: number,
|
21 | selectedItem?: number,
|
22 | backgroundColor?: string,
|
23 | onItemSelected?: number => void
|
24 | }
|
25 |
|
26 | export default class WheelPicker extends React.Component<Props> {
|
27 | static defaultProps = {
|
28 | style: {
|
29 | width: 200,
|
30 | height: 150,
|
31 | },
|
32 | }
|
33 |
|
34 | onItemSelected = (event: any) => {
|
35 | if (this.props.onItemSelected) {
|
36 | this.props.onItemSelected(event.nativeEvent.position)
|
37 | }
|
38 | }
|
39 |
|
40 | render() {
|
41 | return (
|
42 | <WheelPickerView
|
43 | {...this.props}
|
44 | onChange={this.onItemSelected}
|
45 | />
|
46 | )
|
47 | }
|
48 | }
|