{"id":19139681,"url":"https://github.com/liamandrew/react-native-picky","last_synced_at":"2025-05-06T23:15:38.557Z","repository":{"id":37019683,"uuid":"498614042","full_name":"Liamandrew/react-native-picky","owner":"Liamandrew","description":"An awesome native wheel picker component for React Native.","archived":false,"fork":false,"pushed_at":"2023-07-10T20:59:10.000Z","size":3472,"stargazers_count":58,"open_issues_count":7,"forks_count":15,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-05-06T23:15:30.079Z","etag":null,"topics":["picker","react","react-native","typescript","wheelpicker"],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Liamandrew.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-06-01T06:17:18.000Z","updated_at":"2025-04-09T13:29:38.000Z","dependencies_parsed_at":"2024-11-09T07:14:45.149Z","dependency_job_id":"2618f8cc-8e88-48b0-96df-abac9b0c756b","html_url":"https://github.com/Liamandrew/react-native-picky","commit_stats":{"total_commits":25,"total_committers":2,"mean_commits":12.5,"dds":"0.31999999999999995","last_synced_commit":"1401e646ce742911cd0b5b50cabaa4a77082d125"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Liamandrew%2Freact-native-picky","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Liamandrew%2Freact-native-picky/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Liamandrew%2Freact-native-picky/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Liamandrew%2Freact-native-picky/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Liamandrew","download_url":"https://codeload.github.com/Liamandrew/react-native-picky/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252782835,"owners_count":21803410,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["picker","react","react-native","typescript","wheelpicker"],"created_at":"2024-11-09T07:14:40.411Z","updated_at":"2025-05-06T23:15:38.534Z","avatar_url":"https://github.com/Liamandrew.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ⛏️ react-native-picky\n\nAn awesome native wheel picker component for react-native.\n\n## Features\n\n- Supports multiple columns ✅\n\n- Supports looping ✅\n\n- Native Android and iOS components for improved performance ✅\n\n- Typescript ✅\n\n## Preview\n\n| Preview                       | iOS                                                      | Android                                                      |\n| ----------------------------- | -------------------------------------------------------- | ------------------------------------------------------------ |\n| Single Column                 | \u003cimg src=\"./docs/ios-single-column.gif\" width=\"150\"\u003e     | \u003cimg src=\"./docs/android-single-column.gif\" width=\"150\"\u003e     |\n| Multiple Columns with looping | \u003cimg src=\"./docs/ios-multi-column-loop.gif\" width=\"150\"\u003e | \u003cimg src=\"./docs/android-multi-column-loop.gif\" width=\"150\"\u003e |\n\n## Installation\n\n```sh\nyarn add react-native-picky\n```\n\n## Quick Start\n\n```tsx\nimport { Picker, PickerColumn, PickerItem } from 'react-native-picky';\n\nexport const Demo = () =\u003e (\n  \u003cPicker\u003e\n    \u003cPickerColumn\u003e\n      \u003cPickerItem label=\"Monday\" value=\"Monday\" /\u003e\n      \u003cPickerItem label=\"Tuesday\" value=\"Tuesday\" /\u003e\n      \u003cPickerItem label=\"Wednesday\" value=\"Wednesday\" /\u003e\n      \u003cPickerItem label=\"Thursday\" value=\"Thursday\" /\u003e\n      \u003cPickerItem label=\"Friday\" value=\"Friday\" /\u003e\n    \u003c/PickerColumn\u003e\n  \u003c/Picker\u003e\n);\n```\n\n## Props\n\n### `\u003cPicker /\u003e`\n\n| Property       | Type     | Description                                               | Platform     | Default              |\n| -------------- | -------- | --------------------------------------------------------- | ------------ | -------------------- |\n| loop           | boolean  | Enable looping options                                    | iOS, Android | false                |\n| style          | object   | View style prop                                           | iOS, Android |                      |\n| onChange       | function | A callback function when a value is changed in any column | iOS, Android |                      |\n| numberOfLines  | number   | The number of lines for each row in a column              | iOS          | 1                    |\n| hasCurtain     | boolean  | Enable the curtain to highlight the selected value        | Android      | true                 |\n| curtainColor   | string   | Color of the curtain                                      | Android      | hsla(0, 0%, 0%, 0.1) |\n| hasIndicator   | boolean  | Enable the indicator to highlight the selected value      | Android      | true                 |\n| indicatorColor | string   | Color of the indicator                                    | Android      | hsla(0, 0%, 0%, 0.1) |\n| indicatorSize  | number   | The size of the indicator                                 | Android      | 1                    |\n| itemSpace      | number   | The amount of space between items                         | Android      | 12                   |\n| textColor      | string   | The color of the item text                                | Android      | #000000              |\n| textSize       | number   | The size of the item text                                 | Android      | 20                   |\n\n### `\u003cPickerColumn /\u003e`\n\n| Property      | Type             | Description                                                | Platform     | Default                      |\n| ------------- | ---------------- | ---------------------------------------------------------- | ------------ | ---------------------------- |\n| selectedValue | string \\| number | The selected value                                         | iOS, Android |                              |\n| onChange      | function         | A callback function if the value is changed in this column | iOS, Android |                              |\n| width         | number           | The width of this column                                   | iOS, Android | Takes up the available space |\n\n### `\u003cPickerItem /\u003e`\n\n| Property | Type             | Description                | Platform     | Default |\n| -------- | ---------------- | -------------------------- | ------------ | ------- |\n| label    | string           | The label of the item      | iOS, Android |         |\n| value    | string \\| number | The value of the item      | iOS, Android |         |\n| testID   | string           | The testID of the item     | iOS          |         |\n| color    | string           | The color of the item text | iOS          |         |\n\n## Contributing\n\nSee the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliamandrew%2Freact-native-picky","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fliamandrew%2Freact-native-picky","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliamandrew%2Freact-native-picky/lists"}