Karol
 · Your go-to Flutterflow guy

Image Cropper

Crop your image - now straight from marketplace!

This custom action uploads your image, crop it, and reuse cropped image further across app.

Crop editor is called by custom action. Inside custom action we have 2 things happening: uploading image and crop editor.
After image has been cropped, image is returned as FFUploadedImage, so you can later reuse it across your app - whether it's displaying image, or sendind to backend.

If you're Android user, you need to make slight modification in AndroidManifest.xml file to make it work
(path on downloaded project: android/app/src/main/AndroidManifext.xml)

Simply add the following code:

<activity
    android:name="com.yalantis.ucrop.UCropActivity"
    android:screenOrientation="portrait"
    android:theme="@style/Theme.AppCompat.Light.NoActionBar"/>

And that's it! It will be working on Android.
For iOS, no modification is necessary.

You can find it on marketplace here:
https://marketplace.flutterflow.io/item/DGSq4SK4p7dsQOlvWaK9

Widget is mobile only - it will not work on web.
Also, to make it work on Android, you need to modify project code, as explained above.
If you prefer cropper that works out of the box, on all platforms - check my second cropper on Gumroad!

As soon as FF team allows to create paid custom code widgets, it'll be on marketplace too!
But for now, grab the link to gumroad: https://karolgost.gumroad.com/l/FFimageCropper

9
8 replies