How To Add Image Cropper To FlutterFlow | No Code Limitations

Patreon :
/ aliideas
Learn how to add an image cropper to your Flutter Flow app! This tutorial is perfect for indie app developers, startups, and anyone looking for a no-code solution to create their MVP. Don't let technical limitations stop you from bringing your app ideas to life with Flutter!
Widget source code :
github.com/seyedalidev2002/Fl...
#flutterflow #NoCode #AppDev #IndieDev #MVP #StartUp #tutorial
.
.
Music in this video:
Upbeat Energetic Hip-Hop by Infraction
• Upbeat Energetic Hip-H...
.
lukrembo - butter
• lukrembo - butter (roy...
freetouse.com/music
.
lofi type beat “biscuit” by lukrembo
• (no copyright music) l...
freetouse.com/music
.
Bensound: "The Jazz Piano"
Music by: Bensound
Music by Bensound.com/royalty-free-music
.
Randy Butternubs
• Randy Butternubs

[@AldrichCarrasco]

Excellent video. Please do more complex tutorial with Flutterflow + Supabase.

[@Rourymhf]

Thank u dude, it works great

[@onedayapp3534]

which crop_your_image version did you use?

[@user-up7bh4jx2g]

OMG, I love this so much ima a beginner please make more videos like this!

[@Ali-Ideas]

So happy that they’re helpful , more to come

[@jaguarconsultoriadigital8147]

Grateful

[@user-hs2ih7pk3b]

Amazing brother, it is possible to make a note taking app in flutterflow, can you make a project based video

[@PetVitalityApp]

Awesome, great content! What if I want to return the image not as an image path (url), but as a local image file so that I can manage it on my page after cropping?

[@PetVitalityApp]

What i've done is to convert it to base64, pass it, then reconvert it back to file in the receiving page. Not very elegant

[@Ali-Ideas]

Yeah I think it’s now possible to directly pass localffuploadedfile bytes in the callback

[@PetVitalityApp]

@@Ali-Ideas I made it at last, thanks for the confirmation. Opens up for a whole lot of other widgets for me!

[@LUDICRUMPTYLTD]

the code doesn't work anymore - Compilation error 86 packages have newer versions incompatible with dependency constraints.
How do I fix this
thanks for the video

[@onedayapp3534]

same here, did you fix it?

[@Ali-Ideas]

The video is from a fee month ago
If you use change the package version it should work

[@happyboss555]

Any solutoin for setup the maximum size limitation of video uploading?

[@Ali-Ideas]

You can do it with a custom action

[@ProducerIV]

And maybe combine it with a video compressor? Would love a tutorial for that!

[@user-nv6qq3nt8p]

Hey, Awesome video. But i need a square instead of a circle. Is that possible aswell? Thank you in advance.

[@Ali-Ideas]

Yeah
You can change the circular overlay

[@user-nv6qq3nt8p]

How exactly can I do that?

[@Ali-Ideas]

find cropStyle and change it to CropStyle.rectangle
If you need more help you can reach out via email

[@Sheehano98]

Nice feature. Do you know how to have draw over image on flutterflow? And save they image

[@Ali-Ideas]

Yeah
That should definitely be a custom widget
Depending on features you want there are different packages and solutions for this

[@Ali-Ideas]

If you need help with it let me know

[@onedayapp3534]

I have this error: Type: InvalidType
The method 'uploadData' isn't defined for the type '_ImageCropperState'.
Try correcting the name to the name of an existing method, or defining a method named 'uploadData'

[@Ali-Ideas]

Hi!
you need to enable firebase storage to fix this issue

[@penguinneo]

What a great video. Can I crop a photo to a square?

[@Ali-Ideas]

Thanks
Yeah you can set the aspect ratio on the custom widget , needs a tiny bit of coding )

[@otwinztv]

Hi, this seems like a great tutorial. However I'm getting an error which is "Target of URI doesn't exist: '/flutter_flow/flutter_flow_widgets.dart'". I tried eluding it from compilation but which got rid of the error but the widget was not working and I received a blank background. Do you have any tips?

[@Ali-Ideas]

Hi
I just updated the code on Github , can you try it again ?

[@otwinztv]

@@Ali-Ideas Hi, thanks for the quick response. The code compiles correctly, however I still get a blank screen when testing the functionality. I'm pretty positive I copied all the steps correctly. I'll try to play with it some more though. Do you have any ideas to why I might be having an issue?

[@otwinztv]

Nevermind, I got it working! I just had to fix some width and height limits! Thank you!

[@i_tune]

Condition action1 :- Uploaded local file 2 is not showing. What to do?

[@Ali-Ideas]

Could you elaborate more
What is the error ?
If you need more help please reach out via email

[@ElderMarx]

What would it be like if this were with users registered on Supabase?

[@Ali-Ideas]

You need to change the upload logic

[@morgane5534]

lorsque j'upload l'image, la qualité est beaucoup affectée dans le image cropper. Est ce que tu saurais comment fix ça ?

[@Ali-Ideas]

I believe that's the default behaviour of crop_your_image package

[@user-lb1me7sg1s]

I tried it and its working but there are so many things that you don't cover in this video.And when bottom sheet is dismiss then it will crash.

[@Ali-Ideas]

Could you share the error logs . I will update the code

[@catoshimeowmoto]

Please make one for supabase. 😢

[@cyberarcher]

I have a feeling you gonna be big someday 🫣

[@user-hs2ih7pk3b]

Amazing brother, it is possible to make a note taking app in flutterflow, can you make a project based video

[@Ali-Ideas]

Thank you for the support
Will do project based videos for sure