{"id":28171096,"url":"https://github.com/asifsha/react-native-picker-cascader","last_synced_at":"2025-08-25T18:40:15.280Z","repository":{"id":33977341,"uuid":"164999962","full_name":"asifsha/react-native-picker-cascader","owner":"asifsha","description":"Picker select cascader dropdown developed in react native for Android and IOS","archived":false,"fork":false,"pushed_at":"2024-05-24T10:24:59.000Z","size":3752,"stargazers_count":34,"open_issues_count":10,"forks_count":8,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-05-02T09:18:34.746Z","etag":null,"topics":["android","cascade","cascader","dropdown","ios","mobile","multilevel","native","picker","react","react-native","reactnative","select","ui"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/asifsha.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-01-10T06:02:45.000Z","updated_at":"2025-01-22T08:57:10.000Z","dependencies_parsed_at":"2023-01-15T03:45:41.541Z","dependency_job_id":null,"html_url":"https://github.com/asifsha/react-native-picker-cascader","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asifsha%2Freact-native-picker-cascader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asifsha%2Freact-native-picker-cascader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asifsha%2Freact-native-picker-cascader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asifsha%2Freact-native-picker-cascader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/asifsha","download_url":"https://codeload.github.com/asifsha/react-native-picker-cascader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254394706,"owners_count":22063985,"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":["android","cascade","cascader","dropdown","ios","mobile","multilevel","native","picker","react","react-native","reactnative","select","ui"],"created_at":"2025-05-15T18:15:57.233Z","updated_at":"2025-05-15T18:16:32.752Z","avatar_url":"https://github.com/asifsha.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react native picker cascader / multilevel dropdown\n\n## Installation\n```\nnpm install --save react-native-picker-cascader / multilevel-dropdown\n```\n\n## How to Use\n\n```\nimport PickerCascader  from 'react-native-picker-cascader';\n\n\u003cPickerCascader style={{ padding: 10 }} data={[\n          {\n            key: '1', text: 'Australia', children: [{\n              key: '2', text: 'New South Wales',\n              children: [{ key: '3', text: 'Sydney' }, { key: '4', text: 'Wollongong' }]\n            },\n            {\n              key: '5', text: 'Victoria',\n              children: [{ key: '6', text: 'Melbourne' }, { key: '7', text: 'Geelong' }]\n            }\n            ]\n          },\n          {\n            key: '10', text: 'Canada',\n            children: [\n              {\n                key: '11', text: 'Alberta', children: [{ key: '12', text: 'Calgary' },\n                { key: '13', text: 'Brooks' }]\n              },\n              {\n                key: '14', text: 'British Columbia', children: [{ key: '15', text: 'Vancouver' },\n                { key: '16', text: 'Vernon' }]\n              }\n\n            ]\n          },\n          {\n            key: '20', text: 'United States',\n            children: [\n              {\n                key: '21', text: 'New York', children: [{ key: '22', text: 'Albany' },\n                { key: '23', text: 'Norwich' }]\n              },\n              {\n                key: '24', text: 'Pennsylvania', children: [{ key: '25', text: 'Farrell' },\n                { key: '26', text: 'Parker' }]\n              }\n\n            ]\n          }\n        ]}\n          onValueChange={(item) =\u003e this.valueChanged(item)}\u003e\n          \u003e\n        \u003c/PickerCascader\u003e\n        \n```\n\n![demo](https://raw.githubusercontent.com/asifsha/react-native-picker-cascader/master/demo/pickercascader.gif)\n\n## props\n\n| prop | Description |\n| --- | --- |\n| data | Datasource for control, JavaScript object, if you want to bind json use json.Parse() to convert to JS object |\n| onValueChange | Event, will give you selected item, key as '~' separated and values as \\| separated |\n\n\n## npm\nhttps://www.npmjs.com/package/react-native-picker-cascader\n\n## Libraries Used\nhttps://github.com/jacklam718/react-native-popup-dialog @jacklam718\n\n## Developed By\nAsif Sharif\n\n## License\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasifsha%2Freact-native-picker-cascader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fasifsha%2Freact-native-picker-cascader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasifsha%2Freact-native-picker-cascader/lists"}