5.0.10 • Published 5 years ago

rmc-picker v5.0.10

Weekly downloads
26,170
License
MIT
Repository
github
Last release
5 years ago

rmc-picker


React Mobile Picker Component (web and react-native)

NPM version react-native react build status Test coverage gemnasium deps npm download

Screenshots

Development

npm i
npm start

Example

http://localhost:8000/examples/

online example: http://react-component.github.io/m-picker/

react-native

npm run rn-init
npm run watch-tsc
react-native start
react-native run-ios

install

rmc-picker

4.x beta docs

If you are looking for 3.x doc, please see rmc-picker@3.x

Usage

<MultiPicker
  selectedValue={this.state.value}
  onValueChange={this.onChange}
>
  <Picker indicatorClassName="my-picker-indicator">
    <Picker.Item className="my-picker-view-item" value="1">one</Picker.Item>
    <Picker.Item className="my-picker-view-item" value="2">two</Picker.Item>
    <Picker.Item className="my-picker-view-item" value="3">three</Picker.Item>
    <Picker.Item className="my-picker-view-item" value="4">four</Picker.Item>
    <Picker.Item className="my-picker-view-item" value="5">five</Picker.Item>
    <Picker.Item className="my-picker-view-item" value="6">six</Picker.Item>
    <Picker.Item className="my-picker-view-item" value="7">seven</Picker.Item>
    <Picker.Item className="my-picker-view-item" value="8">eight</Picker.Item>
  </Picker>
  <Picker indicatorClassName="my-picker-indicator">
    <Picker.Item className="my-picker-view-item" value="11">eleven</Picker.Item>
    <Picker.Item className="my-picker-view-item" value="12">twelve</Picker.Item>
    <Picker.Item className="my-picker-view-item" value="13">thirteen</Picker.Item>
    <Picker.Item className="my-picker-view-item" value="14">fourteen</Picker.Item>
    <Picker.Item className="my-picker-view-item" value="15">fifteen</Picker.Item>
    <Picker.Item className="my-picker-view-item" value="16">sixteen</Picker.Item>
    <Picker.Item className="my-picker-view-item" value="17">seventeen</Picker.Item>
    <Picker.Item className="my-picker-view-item" value="18">eighteen</Picker.Item>
  </Picker>
</MultiPicker>

API

MultiPicker props

namedescriptiontypedefault
className(web)additional css class of root dom nodeString
prefixCls(web)prefix classString''
defaultSelectedValue(web)default selected valuesstring[]/number[]
selectedValuecurrent selected valuesstring[]/number[]
onValueChangefire when picker changeFunction(value)

Picker props

namedescriptiontypedefault
className(web)additional css class of root dom nodeString
prefixCls(web)prefix classString''
defaultSelectedValue(web)default selected valuesstring/number
selectedValuecurrent selected valuesstring/number
onValueChangefire when picker changeFunction(value)
disabledwhether picker is disabledboolfalse
indicatorClassNameclassName of indicatorString
indicatorStylestyle of indicatorobject

Picker.Item props

namedescriptiontypedefault
className(web)additional css class of root dom nodeString
valuevalue of itemString

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

License

rmc-picker is released under the MIT license.

zeal-cube-mobileantd-mobile-rn-responsivemiot-workspaceant-zyxc-antdxs-mobile@teko-builder/builder-base-components@infinitebrahmanuniverse/nolb-rm@everything-registry/sub-chunk-2672house-middleware-sdkhyn-libkb-cooklcgc-uij-rmc-date-pickerjdcloudmuihrfax-and-mhrfax-mobilejw-components-mobilenemo-antd-mobilenemo-mobilemember-easy-mobile-v1msbu-ui-reacteh-mobilefast-paperfis-msprd-msbu-ui-reactfish-h5frainfesqingtaipreact-h5-uippfish-mobileppx-uireact-mobile-compowl-mobileost-uireact-easy-pagerc-hoho-checkboxsangoes-rn@gup-front/date-picker@gutenye/antd-mobile@huangming1994/antd-mobile@fine-legal/scrolling-select-mobileumi-plugin-react-native@mdfe/antd-mobile@merryjs/mini@johnnylc/rn-custom-ui-components@mlz/mobiley-antd-mobilexyl-mobileweaver-mobilezhytestccccc@nice-fungal/antd-mobilewuba-designsxf-mobilesz-calctaro-calendar-pickertaro-scroll-pickerrnkitrndemoapprtl-antd-mobilereact-zerosrmc-m-carouselrmc-swipe-itemrmc-cascaderrmc-date-pickerrmc-date-picker-fixminiutermc-date-picker-plussgj-uireactui-mobilereactui-mobile-mobile@lighthouseapps/ui@molejs/mole-components-rn@molejs/mole-components-web@persian-tools/persian-mobile-datepicker@rushowl/react-native-single-date-picker@ytu-web/ytu-mobile@ytu-web/ytu-mobile-v2artwork-mobileartwork-reactarabic-antd-mobile588middleware58middlewareant-mobile-ruiantd-mobile1221antd-mobile_chantd-mobile-alipay-uiantd-mobile-alitaantd-mobile-carengoantd-mobile-cyqantd-mobile-mpantd-mobile-owantd-mobile-rnantd-mobile-rn-kxxantd-mobile-rn-mrhuangjser-forkedantd-mobile-ruiantd-mobile-v2antd-mobile-without-normalizeantdmares-uikit@ant-design/mobilebee-ui
5.0.10

5 years ago

5.0.9

5 years ago

5.0.8

5 years ago

5.0.7

5 years ago

5.0.6

5 years ago

5.0.5

6 years ago

5.0.4

6 years ago

5.0.3

6 years ago

5.0.2

6 years ago

5.0.1

6 years ago

5.0.0

6 years ago

5.0.0-alpha.9

6 years ago

5.0.0-alpha.8

6 years ago

5.0.0-alpha.7

7 years ago

5.0.0-alpha.6

7 years ago

5.0.0-alpha.5

7 years ago

5.0.0-alpha.4

7 years ago

5.0.0-alpha.3

7 years ago

5.0.0-alpha.2

7 years ago

5.0.0-alpha.1

7 years ago

5.0.0-alpha.0

7 years ago

4.0.4

7 years ago

4.0.3

7 years ago

4.0.2

7 years ago

4.0.2-alpha.0

7 years ago

4.0.1

7 years ago

4.0.0

7 years ago

4.0.0-beta.1

7 years ago

4.0.0-beta.0

7 years ago

3.10.7

7 years ago

3.10.6

7 years ago

3.10.5

7 years ago

3.10.4

7 years ago

3.10.3

7 years ago

3.10.2

7 years ago

3.10.1

7 years ago

3.10.0

7 years ago

3.9.4

7 years ago

3.9.3

7 years ago

3.9.1

7 years ago

3.9.0

7 years ago

3.8.7

7 years ago

3.8.6

7 years ago

3.8.5

7 years ago

3.8.4

7 years ago

3.8.3

7 years ago

3.8.2

7 years ago

3.8.1

7 years ago

3.8.0

7 years ago

3.7.1

7 years ago

3.7.0

7 years ago

3.6.3

7 years ago

3.6.2

7 years ago

3.6.1

7 years ago

3.6.0

7 years ago

3.5.6

7 years ago

3.5.5

7 years ago

3.5.4

7 years ago

3.5.3

7 years ago

3.5.2

7 years ago

3.4.8

7 years ago

3.4.7

7 years ago

3.4.6

8 years ago

3.4.5

8 years ago

3.4.4

8 years ago

3.4.3

8 years ago

3.4.2

8 years ago

3.4.1

8 years ago

3.4.0

8 years ago

3.5.1

8 years ago

3.5.0

8 years ago

3.3.3

8 years ago

3.3.2

8 years ago

3.3.1

8 years ago

3.2.8

8 years ago

3.2.7

8 years ago

3.2.6

8 years ago

3.2.5

8 years ago

3.2.4

8 years ago

3.2.3

8 years ago

3.2.2

8 years ago

3.2.1

8 years ago

3.2.0

8 years ago

3.1.1

8 years ago

3.1.0

8 years ago

3.0.12

8 years ago

3.0.11

8 years ago

3.0.10

8 years ago

3.0.9

8 years ago

3.0.8

8 years ago

3.0.7

8 years ago

3.0.6

8 years ago

3.0.5

8 years ago

3.0.4

8 years ago

3.0.3

8 years ago

3.0.2

8 years ago

3.0.1

8 years ago

3.0.0

8 years ago

2.5.0

8 years ago

2.4.1

8 years ago

2.4.0

8 years ago

2.3.1

8 years ago

2.3.0

8 years ago

2.2.4

8 years ago

2.2.3

8 years ago

2.2.2

8 years ago

2.2.1

8 years ago

2.2.0

8 years ago

2.1.1

8 years ago

2.1.0

8 years ago

2.0.0

8 years ago

1.0.3

8 years ago

1.0.2

8 years ago

1.0.1

8 years ago

1.0.0

8 years ago

0.5.0

8 years ago

0.4.0

8 years ago

0.3.2

8 years ago

0.3.1

8 years ago

0.3.0

8 years ago

0.2.3

8 years ago

0.2.2

8 years ago

0.2.1

8 years ago