How to change roundCropper programmatically?

[allanwolski]

Thanks for this package, it's awesome.

How to add a button in CropRotateEditor to change roundCropper programmatically?
I'm using WhatsAppCropRotateToolbar, but maybe I need to create a custom bottom bar.

[hm21]

Great to hear you like my package :)

Unfortunately, it's currently not supported to do that. The rounded cropper needs to be initialized when the editor starts. However, I'll keep that feature in mind for future updates.

[allanwolski]

Thanks for the quick reply.
I found a way with an internal flag calling updateAspectRatio to rebuild.

cropRotateEditor: CropRotateEditorConfigs(
  initAspectRatio: 1,
  enableRoundCropper: enableRoundCropper,
  ...

setState(() {
   enableRoundCropper = !enableRoundCropper;
   cropRotateEditor.updateAspectRatio(1);
});

[hm21]

Okay, that looks interesting. I mean, yes, you can use updateAspectRatio like that, but I thought if you just call enableRoundCropper = !enableRoundCropper which I guess directly updates the config, you'd need to reopen the crop editor for the changes to appear, right?

[allanwolski]

Exactly, calling updateAspectRatio forces the rebuild and updates enableRoundCropper without having to reopen the editor.

[hm21]

FYI: I released version 10.0.0-dev.3 as a prerelease, which now fully supports that function.

The issues you might encounter in older versions, since it wasn't properly supported, are:

1. When switching between modes, the stateHistory won't update correctly, so pressing the undo/redo button won't automatically switch the cropMode back.
2. Previously, cropMode wasn't imported or exported, which caused the stateHistory to restore incorrectly.
3. Switching between modes would reset all current changes like flipping and rotating.
4. When the round cropper is applied and you set a different aspect ratio, the hit detection for the interactive resize areas may behave incorrectly in various ways.

In the new version you can simple update that value like below:

/// Detect which cropMode is currently active
bool isOvalCropper = cropRotateEditor.cropMode == CropMode.oval;

/// Update the cropMode
cropRotateEditor.cropMode = isOvalCropper ? CropMode.rectangular : CropMode.oval;

Keep in mind that this version is a prerelease. There's currently one issue with the new layer selection system when the user zooms in or out. So if you need reliable zoom functionality, it's better not to use the prerelease.

[allanwolski]

Perfect, thank you very much.