image_picker_widget 1.0.2
image_picker_widget: ^1.0.2

Flutter Android iOS

Flutter package to integrate image_picker with a simple Flutter widget, allowing you to edit an image without any problems with design code development.

image_picker_widget #

A new Flutter package to integrate image_picker with a simple Flutter widget, allowing you to edit an image without any problems with design code development

PreviewModal image type picker
First viewModal image type picker

Getting Started #

Add the dependency in pubspec.yaml:

dependencies:
  ...
  # Design
  image_picker_widget: ^1.0.1

A Flutter plugin for iOS and Android for picking images from the image library, and taking new pictures with the camera.

Installation #

Since this package requires image_picker, you need to add this requirements bellow.

iOS #

Add the following keys to your Info.plist file, located in <project root>/ios/Runner/Info.plist:

  • NSPhotoLibraryUsageDescription - describe why your app needs permission for the photo library. This is called Privacy - Photo Library Usage Description in the visual editor.
  • NSCameraUsageDescription - describe why your app needs access to the camera. This is called Privacy - Camera Usage Description in the visual editor.
  • NSMicrophoneUsageDescription - describe why your app needs access to the microphone, if you intend to record videos. This is called Privacy - Microphone Usage Description in the visual editor.

Android #

API 29+

No configuration required - the plugin should work out of the box.

API < 29

Add android:requestLegacyExternalStorage="true" as an attribute to the <application> tag in AndroidManifest.xml. The attribute is false by default on apps targeting Android Q.


Parameter (Required) #

  • diameter - The diameter of the container in which the image is contained.

Parameter (Optional) #

  • initialImage - The initial image to be displaied, can be a File or a external url (String)
  • isEditable - Checks whether the image can be changed
  • onChange - Case the image can be changed, this function will be called after the change.

Customization (Optional) #

Image Picker Widget #

  • shape - The shape of the widget [square or circle]
  • backgroundColor - The background of the widget [default to Colors.grey[500]]
  • editIcon - The widget that references the possibility of editing
  • modalTitle - The title of the widget [default to Text > "Select:"]
  • modalCameraIcon - The camera icon that selects the camera [default to Icons.camera]
  • modalCameraText - The camera label that indicates to selects the camera [defaults to Text > "camera"]
  • modalGalleryIcon - The gallery icon that selects the gallery [default to Icons.collections]
  • modalGalleryText - The gallery label that indicates to selects the gallery [defaults to Text > "gallery"]

Basic Usage #

Adding the widget

..child: ImagePickerWidget(
    diameter: 180,
    // initialImage: "https://strattonapps.com/wp-content/uploads/2020/02/flutter-logo-5086DD11C5-seeklogo.com_.png",
    shape: ImagePickerWidgetShape.circle, // ImagePickerWidgetShape.square
    isEditable: true,
    onChange: (File file) {
        print("I changed the file to: ${file.path}");
    },
)

Issues #

Please if you see any issues, bugs, or feature requests, send to me in: GitHub issue.

2
likes
100
pub points
31%
popularity

Flutter package to integrate image_picker with a simple Flutter widget, allowing you to edit an image without any problems with design code development.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

julio.cesar.g.c125@gmail.com

License

BSD (LICENSE)

Dependencies

flutter, image_picker

More

Packages that depend on image_picker_widget