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

  • @AldrichCarrasco
    @AldrichCarrasco2 ай бұрын

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

  • @Rourymhf
    @Rourymhf16 күн бұрын

    Thank u dude, it works great

  • @onedayapp3534

    @onedayapp3534

    9 күн бұрын

    which crop_your_image version did you use?

  • @dmitriivoronchikhin
    @dmitriivoronchikhin2 күн бұрын

    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.

  • @user-up7bh4jx2g
    @user-up7bh4jx2g4 ай бұрын

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

  • @Ali-Ideas

    @Ali-Ideas

    4 ай бұрын

    So happy that they’re helpful , more to come

  • @jaguarconsultoriadigital8147
    @jaguarconsultoriadigital81473 ай бұрын

    Grateful

  • @user-hs2ih7pk3b
    @user-hs2ih7pk3b3 ай бұрын

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

  • @Ali-Ideas

    @Ali-Ideas

    3 ай бұрын

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

  • @LUDICRUMPTYLTD
    @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

    @onedayapp3534

    9 күн бұрын

    same here, did you fix it?

  • @Ali-Ideas

    @Ali-Ideas

    8 күн бұрын

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

  • @catoshimeowmoto
    @catoshimeowmoto2 ай бұрын

    Please make one for supabase. 😢

  • @happyboss555
    @happyboss555Ай бұрын

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

  • @Ali-Ideas

    @Ali-Ideas

    Ай бұрын

    You can do it with a custom action

  • @ProducerIV

    @ProducerIV

    Ай бұрын

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

  • @onedayapp3534
    @onedayapp35349 күн бұрын

    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

    @Ali-Ideas

    8 күн бұрын

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

  • @PetVitalityApp
    @PetVitalityApp2 ай бұрын

    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

    @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

    @Ali-Ideas

    2 ай бұрын

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

  • @PetVitalityApp

    @PetVitalityApp

    2 ай бұрын

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

  • @penguinneo
    @penguinneo3 ай бұрын

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

  • @Ali-Ideas

    @Ali-Ideas

    3 ай бұрын

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

  • @i_tune
    @i_tune11 күн бұрын

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

  • @Ali-Ideas

    @Ali-Ideas

    8 күн бұрын

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

  • @user-lb1me7sg1s
    @user-lb1me7sg1s2 ай бұрын

    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

    @Ali-Ideas

    2 ай бұрын

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

  • @morgane5534
    @morgane55342 ай бұрын

    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

    @Ali-Ideas

    2 ай бұрын

    I believe that's the default behaviour of crop_your_image package

  • @user-nv6qq3nt8p
    @user-nv6qq3nt8pАй бұрын

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

  • @Ali-Ideas

    @Ali-Ideas

    Ай бұрын

    Yeah You can change the circular overlay

  • @user-nv6qq3nt8p

    @user-nv6qq3nt8p

    Ай бұрын

    How exactly can I do that?

  • @Ali-Ideas

    @Ali-Ideas

    Ай бұрын

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

  • @Sheehano98
    @Sheehano983 ай бұрын

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

  • @Ali-Ideas

    @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

    @Ali-Ideas

    3 ай бұрын

    If you need help with it let me know

  • @ElderMarx
    @ElderMarxАй бұрын

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

  • @Ali-Ideas

    @Ali-Ideas

    Ай бұрын

    You need to change the upload logic

  • @otwinztv
    @otwinztv2 ай бұрын

    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

    @Ali-Ideas

    2 ай бұрын

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

  • @otwinztv

    @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

    @otwinztv

    2 ай бұрын

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

  • @cyberarcher
    @cyberarcher4 ай бұрын

    I have a feeling you gonna be big someday 🫣

  • @user-hs2ih7pk3b
    @user-hs2ih7pk3b3 ай бұрын

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

Келесі