{"_id":"42-react-native-picker","name":"42-react-native-picker","dist-tags":{"latest":"4.3.7"},"versions":{"4.3.7":{"name":"42-react-native-picker","version":"4.3.7","description":"A Native Picker with high performance.","main":"index.js","types":"index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@github.com/xz870603611/42-react-native-picker.git"},"author":{"name":"pds"},"license":"MIT","homepage":"https://github.com/xz870603611/42-react-native-picker","bugs":{"url":"https://github.com/xz870603611/42-react-native-picker/issues"},"_id":"42-react-native-picker@4.3.7","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-Ym26Lz9blWKDAJ1iS++7eIt+bjQG3jluUWBG+i2ycxT3ViSebJGH2M/+XQJoqGO0+NegmMz7L8NSdNg3jCbBIw==","shasum":"b648d38e8591f8415505d6bea8a13618aa0cd612","tarball":"https://registry.npmjs.org/42-react-native-picker/-/42-react-native-picker-4.3.7.tgz","fileCount":1361,"unpackedSize":4568958,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3wj7BpzbHeFW7dKeNhuoy01aFokwVhn1z2/Khy3JI2AIgbsh+2nrT5XoBHYwx9wbc0aT+s0jybs3F7Kszd/QBDNc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxRuKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4vQ//TYOaKfPLPAZkvm0Sy4pmSeTAspVw0FvW9tjIp3tQgagKbXD9\r\n3i5g+JA0hWbz+e4YAvUNErQKndYjEwZfWfl7fabFvHjRC45sWx0NbAKtXN4H\r\nmtYlwLV3MlTJS/QI6gglTqJi3v2TDwpJCe3ACb2AW871t0/93Igkf6VP2AYq\r\nBoFjgakd6fQ2i3tGQ2Bl4MBAQAjgRZc1Cv2aR/PHFkujQVLV5QFVTiUeseOJ\r\nhLAjBVetNOY6xLzGG9DMTlUhr1RNc2oqO1G7fxQIOzcOO6YaipeZLThsTbpD\r\nrIYZqdT/Rgh+8g0VJv6NDEGkF8bLlAs0507F+FUS7suyvUwimO+Xfme4umor\r\n6I7rDUOd9MeRSsIdJ796mCIpR038IZ5OHx+ssxgB3GJorRoodDJBaygqMf8I\r\nMLu/IBdlnl4mRvpZ8WQo0cHbsij/ceuqZwPAVN8jbWeQcTo4/Csw/hTRjJbI\r\nTA36PAfB8rb1oaH9rPvuIxo6eeKKyKfAElY/MV0E1WHc7jmxWRrbZgEg4FvD\r\n1gNmxEFYWCBK5VvpTNJKRTqmZP9GwBFbGwqaD7uc5IvdmpD+wPotj3/qTw/W\r\n7LCwDhYFLI0m5vax5ieB8lEMQ6lfPi7YmKx5/gbDe8GgkV721mjmZwguDyIA\r\ncz1AuveJyRj/23wSV7Lt580qYbElnyYnqVE=\r\n=4I1I\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"xz87060361","email":"xz87060361@126.com"},"directories":{},"maintainers":[{"name":"xz87060361","email":"xz87060361@126.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/42-react-native-picker_4.3.7_1673862026081_0.4403877023592835"},"_hasShrinkwrap":false}},"time":{"created":"2023-01-16T09:40:26.080Z","4.3.7":"2023-01-16T09:40:26.383Z","modified":"2023-01-16T09:40:26.560Z"},"maintainers":[{"name":"xz87060361","email":"xz87060361@126.com"}],"description":"A Native Picker with high performance.","homepage":"https://github.com/xz870603611/42-react-native-picker","repository":{"type":"git","url":"git+ssh://git@github.com/xz870603611/42-react-native-picker.git"},"author":{"name":"pds"},"bugs":{"url":"https://github.com/xz870603611/42-react-native-picker/issues"},"license":"MIT","readme":"# react-native-picker\n\n[](https://www.npmjs.com/package/react-native-picker) ![\"dependency](\"https://david-dm.org/beefe/react-native-picker.svg?style=flat-square\")
\n\n\n\n\n### Documentation\n\n#### Params\n\n|Key | Type | Default| Support | Description |\n| --- | --- | ---- | ------ | ----------- |\n|isLoop | Boolean | false | Android | |\n|pickerTextEllipsisLen | number | 6 | Android | |\n|pickerConfirmBtnText | string | confirm | iOS/Android | |\n|pickerCancelBtnText | string | cancel | iOS/Android | |\n|pickerTitleText | string | pls select | iOS/Android | |\n|pickerConfirmBtnColor | array | [1, 186, 245, 1] | iOS/Android | |\n|pickerCancelBtnColor | array | [1, 186, 245, 1] | iOS/Android | |\n|pickerTitleColor | array | [20, 20, 20, 1] | iOS/Android | |\n|pickerToolBarBg | array | [232, 232, 232, 1] | iOS/Android | |\n|pickerBg | array | [196, 199, 206, 1] | iOS/Android | |\n|pickerToolBarFontSize | number | 16 | iOS/Android | |\n|wheelFlex | array | [1, 1, 1] | iOS/Android | |\n|pickerFontSize | number | 16 | iOS/Android | |\n|pickerFontColor | array | [31, 31, 31, 1] | iOS/Android | |\n|pickerFontFamily | string | | iOS/Android | |\n|pickerRowHeight | number | 24 | iOS | |\n|pickerData | array | | iOS/Android | |\n|selectedValue | array | | iOS/Android | |\n|onPickerConfirm | function| | iOS/Android | |\n|onPickerCancel | function| | iOS/Android | |\n|onPickerSelect | function| | iOS/Android | |\n\n#### Methods\n\n|Key | Support | Description |\n| --- | ---- | ----------- |\n|init | iOS/Android |init and pass parameters to picker |\n|toggle | iOS/Android |show or hide picker |\n|show | iOS/Android |show picker |\n|hide | iOS/Android |hide picker |\n|select | iOS/Android |select a row |\n|isPickerShow | iOS/Android |get status of picker, return a boolean |\n\n\n### Usage\n\n#### Step 1 - install\n\n```javascript\n\tnpm install react-native-picker --save\n```\n\n#### Step 2 - link\n\n```\n\treact-native link\n```\n\n#### Step 3 - import and use in project\n\n```javascript\nimport Picker from 'react-native-picker';\nlet data = [];\nfor(var i=0;i<100;i++){\n data.push(i);\n}\n\nPicker.init({\n pickerData: data,\n selectedValue: [59],\n onPickerConfirm: data => {\n console.log(data);\n },\n onPickerCancel: data => {\n console.log(data);\n },\n onPickerSelect: data => {\n console.log(data);\n }\n});\nPicker.show();\n\t\n```\n\n### Integration With Existing Apps (`iOS`)\nThe `Podfile` will like below:\n``` ruby\nplatform :ios, '8.0'\ntarget 'YourTarget' do\n pod 'React', :path => '../YOUR_REACT_NATIVE_PROJECT/node_modules/react-native', :subspecs => [\n 'Core',\n ...\n ]\n pod 'Picker', :path => '../YOUR_REACT_NATIVE_PROJECT/node_modules/react-native-picker'\nend\n```\nAfter you have updated the `Podfile` of the existing app, you can install `react-native-picker` like below:\n``` bash\n$ pod install\n```\n\n### Notice\n\n#### support two modes:\n\n1. parallel: such as time picker, wheels have no connection with each other\n\n2. cascade: such as date picker, address picker .etc, when front wheel changed, the behind wheels will all be reset\n\n#### parallel:\n\n- single wheel:\n\n```javascript\npickerData = [1,2,3,4];\nselectedValue = 3;\n```\n\n- two or more wheel:\n\n```javascript\npickerData = [\n [1,2,3,4],\n [5,6,7,8],\n ...\n];\nselectedValue = [1, 5];\n```\n\n#### cascade:\n\n- two wheel\n\n```javascript\npickerData = [\n {\n a: [1, 2, 3, 4]\n },\n {\n b: [5, 6, 7, 8]\n },\n ...\n];\nselectedValue = ['a', 2];\n```\n\n- three wheel\n\n```javascript\npickerData = [\n {\n a: [\n {\n a1: [1, 2, 3, 4]\n },\n {\n a2: [5, 6, 7, 8]\n },\n {\n a3: [9, 10, 11, 12]\n }\n ]\n },\n {\n b: [\n {\n b1: [11, 22, 33, 44]\n },\n {\n b2: [55, 66, 77, 88]\n },\n {\n b3: [99, 1010, 1111, 1212]\n }\n ]\n },\n {\n c: [\n {\n c1: ['a', 'b', 'c']\n },\n {\n c2: ['aa', 'bb', 'cc']\n },\n {\n c3: ['aaa', 'bbb', 'ccc']\n }\n ]\n },\n ...\n]\n```\n\n### For pure javascript version -> [v3.0.5](https://github.com/beefe/react-native-picker/tree/pure-javascript-version) \n","readmeFilename":"README.md"}