{"id":19312077,"url":"https://github.com/weblineindia/flutter-custom-mediapicker","last_synced_at":"2026-04-19T07:35:16.307Z","repository":{"id":129984510,"uuid":"289192377","full_name":"weblineindia/Flutter-Custom-MediaPicker","owner":"weblineindia","description":"A Flutter based Reusable component which provides MediaPicker with custom properties which can be used in any flutter application.","archived":false,"fork":false,"pushed_at":"2020-08-21T08:04:40.000Z","size":8174,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-06T02:27:04.358Z","etag":null,"topics":["custom-media-picker","flutter","flutter-components","flutter-demo","flutter-examples","flutter-image-picker","flutter-library","flutter-mediapicker","flutter-plugin","flutter-video-picker","image-picker","media-picker","mediapicker","reusable-components","video-picker"],"latest_commit_sha":null,"homepage":"https://www.weblineindia.com/software-development-resources.html","language":"Dart","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/weblineindia.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG","contributing":null,"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":"2020-08-21T06:12:21.000Z","updated_at":"2023-07-20T09:49:48.000Z","dependencies_parsed_at":"2023-04-15T04:16:26.336Z","dependency_job_id":null,"html_url":"https://github.com/weblineindia/Flutter-Custom-MediaPicker","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/weblineindia%2FFlutter-Custom-MediaPicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weblineindia%2FFlutter-Custom-MediaPicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weblineindia%2FFlutter-Custom-MediaPicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weblineindia%2FFlutter-Custom-MediaPicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/weblineindia","download_url":"https://codeload.github.com/weblineindia/Flutter-Custom-MediaPicker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240415215,"owners_count":19797599,"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":["custom-media-picker","flutter","flutter-components","flutter-demo","flutter-examples","flutter-image-picker","flutter-library","flutter-mediapicker","flutter-plugin","flutter-video-picker","image-picker","media-picker","mediapicker","reusable-components","video-picker"],"created_at":"2024-11-10T00:32:38.227Z","updated_at":"2025-10-19T19:03:14.955Z","avatar_url":"https://github.com/weblineindia.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Flutter - Custom MediaPicker\n\nA Flutter based Reusable component which provides MediaPicker with custom properties which can be used in any flutter application.\n\n\n## Table of contents\n- [Flutter Support](#flutter-support)\n- [Demo](#demo)\n- [Features](#features)\n- [Getting started](#getting-started)\n- [Usage](#usage)\n- [Methods](#methods)\n- [Directive options](#directive-options)\n- [Want to Contribute?](#want-to-contribute)\n- [Need Help / Support?](#need-help)\n- [Collection of Components](#collection-of-Components)\n- [Changelog](#changelog)\n- [License](#license)\n- [Keywords](#Keywords)\n\n\n## Flutter Support\n\nVersion - Flutter 1.17 (stable)\n\nWe have tested our program in above version, however you can use it in other versions as well\n\n\n## Demo\n[![](wli_mediapicker.gif)](https://github.com/weblineindia/Flutter-Custom-MediaPicker/blob/master/wli_mediapicker.gif)\n\n------\n\n## Features\n\n* Customisable MediaPicker with image and video.\n\n* Common widget can be used for pick image, pick multiple images, pick video based on Type.\n\n## Getting started\n\n* Download this sample project and import custom_media_picker.dart file in your project..\n* Update Widgets UI based on your requirements.\n\n\n## Usage\n\nSetup process is described below to integrate in project.\n\n### Methods\n\nAdd below pub dev libraries\n\n    //Put this libraries\n      image_picker: ^0.6.7+4\n      multi_image_picker: ^4.7.10\n\n    //fire below command to sync libraries\n      pub get\n\nConfigure CustomMediaPicker Widget\n\n    //Put CustomMediaPicker Widget\n      CustomMediaPicker()\n\nPass required properties\n\n    //add child widget as per UI requirement\n    //add picker type which identify to pick image or video\n    //resource callback will accept future void method with two param\n      CustomMediaPicker(\n            childWidget: Image.asset(\n                         'assets/images/ic_img.png',\n                         height: screenHeight * 0.25),\n            pickerType: PickerType.IMAGE,\n            resourceCallback: resourceCallback,\n    )\n\n\nAvailable PickerType\n\n      //required parameter to identify pick image or video\n        PickerType.IMAGE //pick image\n        PickerType.VIDEO //pick video\n\nAvailable ResultType\n\n      ResultType.IMAGE_PATH  //File value\n      ResultType.VIDEO_PATH  //File value\n      ResultType.IMAGE_ARRAY //List of assets\n\nAvailable PickSource\n\n      PickSource.CAMERA  //open camera\n      PickSource.GALLERY  //open gallery\n      PickSource.CHOOSE //open bottomSheet and will allow user to choose b/w image and gallery\n\nCallback function\n\n    //required parameter with future void method\n      Future\u003cvoid\u003e resourceCallback(ResultType resultType,resourceData) async {\n        //result type will identify resourceData type\n        //you can typecast resource data and use as per your requirement\n      }\n\n\nSet below properties based on your requirements\n\n    //optional property to pick from camera or gallery\n    //default value will be PickSource.CAMERA\n      pickSource: PickSource.CHOOSE,\n\n    //optional property to select multiple image\n    //it accepts boolean value, default value will be false\n      isMultipleImage: true,\n\n    //optional property for set max image limit\n    //this property will use only when isMultipleImage is true\n    //it accepts int, default value will be 2\n      maxImageCount: 10,\n\n    //optional property for set max video duration\n    //this property will use only when picker type is PickerType.VIDEO\n    //it accepts duration object, default will be  300 sec\n      maxVideoDuration: this.maxVideoDuration = const Duration(seconds: 800),\n\n    //optional property for set camera option\n    //this property will use only when picker source is PickSource.CAMERA\n    //it will accept CameraType object and default will be CameraDevice.rear\n      this.preferredCameraDevice = CameraDevice.rear,\n\n------\n\n## Directive options\n\n### iOS\n\n    //Add the following keys to your Info.plist file, located in \u003cproject root\u003e/ios/Runner/Info.plist:\n    - NSPhotoLibraryUsageDescription - describe why your app needs permission for the photo library.\n      This is called Privacy - Photo Library Usage Description in the visual editor.\n    - NSCameraUsageDescription - describe why your app needs access to the camera.\n      This is called Privacy - Camera Usage Description in the visual editor.\n    - NSMicrophoneUsageDescription - describe why your app needs access to the microphone,\n      if you intend to record videos. This is called Privacy - Microphone Usage Description in the visual editor.\n\n### Android\n\n    //API 29+\n    - Add android:requestLegacyExternalStorage=\"true\" as an attribute to the \u003capplication\u003e tag in AndroidManifest.xml.\n      The attribute is false by default on apps targeting Android Q.\n\n------\n\n## Want to Contribute?\n\n- Created something awesome, made this code better, added some functionality, or whatever (this is the hardest part).\n- [Fork it](http://help.github.com/forking/).\n- Create new branch to contribute your changes.\n- Commit all your changes to your branch.\n- Submit a [pull request](http://help.github.com/pull-requests/).\n\n------\n\n## Need Help?\nIf you need help then feel free to contact our [Flutter developers](https://www.weblineindia.com/flutter-cross-platform-mobile-app-development.html).\n\n ------\n\n## Collection of Components\n We have built many other components and free resources for software development in various programming languages. Kindly click here to view our [Free Resources for Software Development.](https://www.weblineindia.com/software-development-resources.html)\n\n------\n\n## Changelog\nDetailed changes for each release are documented in [CHANGELOG](./CHANGELOG).\n\n## License\n\n[MIT](LICENSE)\n\n[mit]: https://github.com/weblineindia/Flutter-Custom-MediaPicker/blob/master/LICENSE\n\n## Keywords\nFlutter Media Picker, Image Picker, Video Picker, Multiple Image Selection, Media Picker Demo, Weblineindia\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweblineindia%2Fflutter-custom-mediapicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fweblineindia%2Fflutter-custom-mediapicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweblineindia%2Fflutter-custom-mediapicker/lists"}