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

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

Modal image type picker #

• 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.