[ReactiveImagePicker] Question: how to crop image

[tchex]

Hello and thank you for your work!
I'm using ReactiveImagePicker and I wonder if there would be a way to have a cropper launched after image selection?
image_cropper for example
Thank for your help

[vasilich6107]

https://pub.dev/packages/image_cropper

      onBeforeChange: onBeforeChange ??
          (_, image) async {
            final hasImage = image.firstOrNull?.file != null;

            if (!hasImage) {
              return image;
            }
            final croppedImage = await ImageCropper().cropImage(
              cropStyle: CropStyle.rectangle,
              sourcePath: image.firstOrNull?.file?.path ?? '',
              uiSettings: [
                AndroidUiSettings(
                  toolbarColor: Color(0xFF01689A),
                  toolbarWidgetColor: Colors.white,
                  initAspectRatio: CropAspectRatioPreset.original,
                  lockAspectRatio: true,
                ),
                IOSUiSettings(),
              ],
            );

            if (croppedImage != null) {
              return image
                  .map((e) => e.copyWith(file: File(croppedImage.path)))
                  .toList();
            }
            return [];
          }

[tchex]

Thank you so much!

Few corrections on my side to make it work:

` onBeforeChange: (_, image) async {
final hasImage = image.firstOrNull?.file != null;

                        if (!hasImage) {
                          return image;
                        }
                        final croppedImage = await ImageCropper().cropImage(
                          // cropStyle: CropStyle.rectangle, // cropStyle not valid, use cropRatio instead?
                          sourcePath: image.firstOrNull?.file?.path ?? '',
                          uiSettings: [
                            AndroidUiSettings(
                              toolbarColor: Color(0xFF01689A),
                              toolbarWidgetColor: Colors.white,
                              initAspectRatio:
                                  CropAspectRatioPreset.original,
                              lockAspectRatio: true,
                            ),
                            IOSUiSettings(),
                          ],
                        );

                        if (croppedImage != null) {
                          return image
                              .map((e) => e.copyWith(
                                  file: XFile(croppedImage.path)))  // use XFile instead of File
                              .toList();
                        }
                        return [];
                      }

`

[github-actions]

Hi @tchex!
Your issue has been closed. If we were helpful don't forget to star the repo.

Please check our reactive_forms_generator package

We would appreciate sponsorship subscription or one time donation
https://github.com/sponsors/artflutter