React Mobile Picker Component(web and react-native), fork from rmc-picker, add scroll visible effect and can click to scroll
npm install rmc-picker-scroll
npm i
npm start
`
Example
http://localhost:8000/examples/
online example: http://cccraim.github.io/m-picker/
react-native
`
npm run rn-init
npm run watch-tsc
react-native start
react-native run-ios
`
install

4.x beta docs
> If you are looking for 3.x doc, please see rmc-picker@3.x
Usage
`jsx
selectedValue={this.state.value}
onValueChange={this.onChange}
>
one
two
three
four
five
six
seven
eight
eleven
twelve
thirteen
fourteen
fifteen
sixteen
seventeen
eighteen
`
API
$3
| name | description | type | default |
|----------|----------------|----------|--------------|
|className(web) | additional css class of root dom node | String | |
|prefixCls(web) | prefix class | String | '' |
|defaultSelectedValue(web) | default selected values | string[]/number[] | |
|selectedValue | current selected values | string[]/number[] | |
|onValueChange | fire when picker change | Function(value) | |
$3
| name | description | type | default |
|----------|----------------|----------|--------------|
|className(web) | additional css class of root dom node | String | |
|prefixCls(web) | prefix class | String | '' |
|defaultSelectedValue(web) | default selected values | string/number | |
|selectedValue | current selected values | string/number | |
|onValueChange | fire when picker change | Function(value) | |
|disabled | whether picker is disabled | bool | false
|indicatorClassName | className of indicator | String |
|indicatorStyle | style of indicator | object |
$3
| name | description | type | default |
|----------|----------------|----------|--------------|
|className(web) | additional css class of root dom node | String | |
|value | value of item | String | |
Test Case
`
npm test
npm run chrome-test
`
Coverage
`
npm run coverage
``