image_selector_formfield 1.0.3

This widget is a form field that allows the user to pick a image from gallery (soon from camera too), and then crop it. The widget is customizable and has all the posibilities expected on a Form Field.

image_selector_formfield

This widget is a form field that allows the user to pick a image from gallery (soon from camera too), and then crop it. The widget is customizable and has all the posibilities expected on a Form Field.

This widget is using and depends on this other widgets:

• image_picker: ^0.6.3+4
• image_cropper: ^1.1.0
• cached_network_image: ^2.0.1-rc

So, you need to follow the Installation Guide from each of them.

Getting Started

To use this package, you only need to install/import it to the project and then call it in the Widget's Build method.

Usage

This widget is design to create/update a Image like a Profile Photo from a user on any app. So, if the user has a photo already, put the image url in the property ImageURL to display it. If the user tap on the widget, the picker will allow him/her to select a image, crop it and then displaying the result.

Some visuals can be customized:

• widget Icon,
• widget background Color
• widget shape: Circle or Rectangle
• Aspect Ratio: is calculated from RatioX and RatioY; default 9/16. In circular shape is locked to 1:1
• borderRadius: customize size in circular shape and border radius on Rectangle corners

Example

ImageSelectorFormField()

ImageSelectorFormField(
    cropRatioX: 16,
    cropRatioY: 9,
)

ImageSelectorFormField(
    cropStyle: CropStyle.circle,
)

ImageSelectorFormField(
   cropStyle: CropStyle.circle,
   icon: Icon(Icons.add_photo_alternate,size: 100,color: Colors.green,),
   backgroundColor: Colors.blueGrey,
   errorTextStyle: TextStyle(color: Colors.red),
   onSaved: (img) {
     print("ON SAVED EJECUTADO");
   },
   validator: (img) {
     print("validator EJECUTADO");
     return "Error Text";
   },
   cropRatioX: 9,
   cropRatioY: 16,
 )