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
Пікірлер: 49
Excellent video. Please do more complex tutorial with Flutterflow + Supabase.
Thank u dude, it works great
@onedayapp3534
9 күн бұрын
which crop_your_image version did you use?
Awesome videos, great presentation, and useful content! But I ran into a problem-nothing happens after I select a file to crop. It just keeps waiting for the photo cropping function. I can't figure out what's wrong.
OMG, I love this so much ima a beginner please make more videos like this!
@Ali-Ideas
4 ай бұрын
So happy that they’re helpful , more to come
Grateful
Amazing brother, it is possible to make a note taking app in flutterflow, can you make a project based video
@Ali-Ideas
3 ай бұрын
Thank you for the support Will do project based videos for sure
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
9 күн бұрын
same here, did you fix it?
@Ali-Ideas
8 күн бұрын
The video is from a fee month ago If you use change the package version it should work
Please make one for supabase. 😢
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!
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
8 күн бұрын
Hi! you need to enable firebase storage to fix this issue
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
2 ай бұрын
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
2 ай бұрын
Yeah I think it’s now possible to directly pass localffuploadedfile bytes in the callback
@PetVitalityApp
2 ай бұрын
@@Ali-Ideas I made it at last, thanks for the confirmation. Opens up for a whole lot of other widgets for me!
What a great video. Can I crop a photo to a square?
@Ali-Ideas
3 ай бұрын
Thanks Yeah you can set the aspect ratio on the custom widget , needs a tiny bit of coding )
Condition action1 :- Uploaded local file 2 is not showing. What to do?
@Ali-Ideas
8 күн бұрын
Could you elaborate more What is the error ? If you need more help please reach out via email
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
2 ай бұрын
Could you share the error logs . I will update the code
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
2 ай бұрын
I believe that's the default behaviour of crop_your_image package
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
Nice feature. Do you know how to have draw over image on flutterflow? And save they image
@Ali-Ideas
3 ай бұрын
Yeah That should definitely be a custom widget Depending on features you want there are different packages and solutions for this
@Ali-Ideas
3 ай бұрын
If you need help with it let me know
What would it be like if this were with users registered on Supabase?
@Ali-Ideas
Ай бұрын
You need to change the upload logic
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
2 ай бұрын
Hi I just updated the code on Github , can you try it again ?
@otwinztv
2 ай бұрын
@@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
2 ай бұрын
Nevermind, I got it working! I just had to fix some width and height limits! Thank you!
I have a feeling you gonna be big someday 🫣
Amazing brother, it is possible to make a note taking app in flutterflow, can you make a project based video