{"id":4658,"url":"https://github.com/jeanpan/react-native-camera-roll-picker","last_synced_at":"2025-08-04T01:33:00.370Z","repository":{"id":8265057,"uuid":"57334463","full_name":"jeanpan/react-native-camera-roll-picker","owner":"jeanpan","description":"📷  A React Native component providing images selection from camera roll","archived":false,"fork":false,"pushed_at":"2023-03-08T00:48:12.000Z","size":8669,"stargazers_count":423,"open_issues_count":77,"forks_count":176,"subscribers_count":9,"default_branch":"master","last_synced_at":"2024-12-06T08:35:04.906Z","etag":null,"topics":["camera-roll","react-native"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/react-native-camera-roll-picker","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/jeanpan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2016-04-28T21:20:37.000Z","updated_at":"2024-10-10T10:57:38.000Z","dependencies_parsed_at":"2024-06-18T12:38:38.484Z","dependency_job_id":"e5c666a4-feaa-496e-b478-f7f734ab2e7d","html_url":"https://github.com/jeanpan/react-native-camera-roll-picker","commit_stats":{"total_commits":102,"total_committers":22,"mean_commits":4.636363636363637,"dds":0.4509803921568627,"last_synced_commit":"1304ce6925fd09946b25382e41debd29f519d088"},"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeanpan%2Freact-native-camera-roll-picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeanpan%2Freact-native-camera-roll-picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeanpan%2Freact-native-camera-roll-picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeanpan%2Freact-native-camera-roll-picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jeanpan","download_url":"https://codeload.github.com/jeanpan/react-native-camera-roll-picker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228582488,"owners_count":17940587,"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":["camera-roll","react-native"],"created_at":"2024-01-05T20:17:19.320Z","updated_at":"2024-12-07T08:30:49.168Z","avatar_url":"https://github.com/jeanpan.png","language":"JavaScript","funding_links":[],"categories":["Components","React Native"],"sub_categories":["Media"],"readme":"\n[![version](https://img.shields.io/npm/v/react-native-camera-roll-picker.svg)](https://www.npmjs.org/package/react-native-camera-roll-picker) [![npm](https://img.shields.io/npm/dt/react-native-camera-roll-picker.svg)](https://www.npmjs.org/package/react-native-camera-roll-picker)\n\n# react-native-camera-roll-picker\nCameraRoll Picker component for React native\n\n\u003ca href=\"https://raw.githubusercontent.com/jeanpan/react-native-camera-roll-picker/master/demo/demo.gif\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/jeanpan/react-native-camera-roll-picker/master/demo/demo.gif\" width=\"350\"\u003e\u003c/a\u003e\n\nRequires `react-native \u003e=0.43.0`\n\n\n## Add to Project\n* Install component through npm\n```\n$ npm install react-native-camera-roll-picker --save\n```\n\n* Install CameraRoll from @react-native-community\n```\n$ npm install @react-native-community/cameraroll\n```\n\n* Require component\n```\nimport CameraRollPicker from 'react-native-camera-roll-picker';\n```\n\n## Basic Usage\n```js\n\u003cCameraRollPicker\n  callback={this.getSelectedImages} /\u003e\n```\n\n## Props\n- `callback` : Callback function when images was selected. (is required!). Return a selected image array and current selected image.\n- `initialNumToRender` : Specifies how many rows we want to render on our first render pass. (Default: 5)\n- `groupTypes` : The group where the photos will be fetched, one of 'Album', 'All', 'Event', 'Faces', 'Library', 'PhotoStream' and 'SavedPhotos'. (Default: SavedPhotos)\n- `assetType` : The asset type, one of 'Photos', 'Videos' or 'All'. (Default: Photos)\n- `selected` : Already be selected images array. (Default: [])\n- `selectSingleItem` : Boolean to select only one single image at time. (Default: `false`)\n- `maximum` : Maximum number of selected images. (Default: 15)\n- `imagesPerRow` : Number of images per row. (Default: 3)\n- `imageMargin` : Margin size of one image. (Default: 5)\n- `containerWidth` : Width of camer roll picker container. (Default: device width)\n- `selectedMarker` : Custom selected image marker component. (Default: checkmark).\n- `backgroundColor` : Set background color. (Default: white).\n- `emptyText`: Text to display instead of a list when there are no photos found. (Default: 'No photos.')\n- `emptyTextStyle`: Styles to apply to the `emptyText`. (Default: `textAlign: 'center'`)\n- `loader`: Loader component node. (Default: `\u003cActivityIndicator /\u003e`)\n\n## Run Example\n```\n$ git clone https://github.com/jeanpan/react-native-camera-roll-picker.git\n$ cd react-native-camera-roll-picker\n$ cd Example\n$ npm install\n$ react-native run-ios\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeanpan%2Freact-native-camera-roll-picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjeanpan%2Freact-native-camera-roll-picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeanpan%2Freact-native-camera-roll-picker/lists"}