Тёмный

How To Add Image Cropper To FlutterFlow | No Code Limitations 

Ali Ideas
Подписаться 849
Просмотров 3,1 тыс.
50% 1

Опубликовано:

 

27 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 63   
@Ali-Ideas
@Ali-Ideas 2 дня назад
Join my community for exclusive Q&A and live sessions: superpeer.com/aliideas We're just getting started, and I truly appreciate your early support!
@AldrichCarrasco
@AldrichCarrasco 5 месяцев назад
Excellent video. Please do more complex tutorial with Flutterflow + Supabase.
@SatyaVinay-m3g
@SatyaVinay-m3g 2 месяца назад
Good evening sir, i have tried this, but i am not able to see the bottomsheet and cannot crop any picture, i have followed all the steps clearly but cannot see the outcome.
@satvin-18
@satvin-18 2 месяца назад
Even i am facing the same issue
@Nosh-v1i
@Nosh-v1i 7 месяцев назад
OMG, I love this so much ima a beginner please make more videos like this!
@Ali-Ideas
@Ali-Ideas 7 месяцев назад
So happy that they’re helpful , more to come
@Rourymhf
@Rourymhf 3 месяца назад
Thank u dude, it works great
@onedayapp3534
@onedayapp3534 3 месяца назад
which crop_your_image version did you use?
@Rourymhf
@Rourymhf 3 месяца назад
@@onedayapp3534 I can share the code if u want
@Rourymhf
@Rourymhf 3 месяца назад
@@onedayapp3534 lastest version
@happyboss555
@happyboss555 5 месяцев назад
Any solutoin for setup the maximum size limitation of video uploading?
@Ali-Ideas
@Ali-Ideas 4 месяца назад
You can do it with a custom action
@ProducerIV
@ProducerIV 4 месяца назад
And maybe combine it with a video compressor? Would love a tutorial for that!
@i_tune
@i_tune 3 месяца назад
Condition action1 :- Uploaded local file 2 is not showing. What to do?
@Ali-Ideas
@Ali-Ideas 3 месяца назад
Could you elaborate more What is the error ? If you need more help please reach out via email
@onedayapp3534
@onedayapp3534 3 месяца назад
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 3 месяца назад
Hi! you need to enable firebase storage to fix this issue
@eznaaa8525
@eznaaa8525 3 месяца назад
@@Ali-Ideas I have enabled firebase storage before trying this custom widget but I encountered the same error. Can you make a video about this one? Here's the error I got: Target of URI doesn't exist: '/backend/firebase_storage/storage.dart'. Try creating the file referenced by the URI, or try using a URI for a file that does exist. 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'.
@eznaaa8525
@eznaaa8525 3 месяца назад
Solved.
@jaguarconsultoriadigital8147
@jaguarconsultoriadigital8147 7 месяцев назад
Grateful
@Priviroom
@Priviroom 3 месяца назад
Hello, I'm having a problem: the widget doesn't have an image, it's empty. How can I fix this bug? thanks in advance and congratulations for your tutorial.
@eznaaa8525
@eznaaa8525 3 месяца назад
Don't set the widget to infinite. Set it to 350 by 500
@Priviroom
@Priviroom 3 месяца назад
@@eznaaa8525 thank you so much, you save me in my project, I love you so much man
@Priviroom
@Priviroom 3 месяца назад
@@eznaaa8525 but I have another problem, sorry, when I press the crop button, it loads infinitely but doesn't update my state management, do you have a solution?
@eznaaa8525
@eznaaa8525 3 месяца назад
@@Priviroom I added this snippet in my code. Future uploadData(String path, Uint8List image) async { try { final ref = FirebaseStorage.instance.ref().child(path); await ref.putData(image); final downloadUrl = await ref.getDownloadURL(); return downloadUrl; } catch (e) { print('Error uploading image: $e'); return null; } } here's the link to the full code.
@Priviroom
@Priviroom 2 месяца назад
@@eznaaa8525 sorry, I think that on youtube, the links are not displayed but. so 2 solution, send me a link in comment but in an incomplete way not to be detected by youtube (ex no http or .com) or then by email
@PetVitalityApp
@PetVitalityApp 5 месяцев назад
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 5 месяцев назад
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 5 месяцев назад
Yeah I think it’s now possible to directly pass localffuploadedfile bytes in the callback
@PetVitalityApp
@PetVitalityApp 5 месяцев назад
@@Ali-Ideas I made it at last, thanks for the confirmation. Opens up for a whole lot of other widgets for me!
@Sheehano98
@Sheehano98 6 месяцев назад
Nice feature. Do you know how to have draw over image on flutterflow? And save they image
@Ali-Ideas
@Ali-Ideas 6 месяцев назад
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 6 месяцев назад
If you need help with it let me know
@PrinceSingh-z9v4i
@PrinceSingh-z9v4i 6 месяцев назад
Amazing brother, it is possible to make a note taking app in flutterflow, can you make a project based video
@Ali-Ideas
@Ali-Ideas 6 месяцев назад
Thank you for the support Will do project based videos for sure
@catoshimeowmoto
@catoshimeowmoto 5 месяцев назад
Please make one for supabase. 😢
@otwinztv
@otwinztv 5 месяцев назад
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 5 месяцев назад
Hi I just updated the code on Github , can you try it again ?
@otwinztv
@otwinztv 5 месяцев назад
@@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 5 месяцев назад
Nevermind, I got it working! I just had to fix some width and height limits! Thank you!
@ElderMarx
@ElderMarx 4 месяца назад
What would it be like if this were with users registered on Supabase?
@Ali-Ideas
@Ali-Ideas 4 месяца назад
You need to change the upload logic
@IspyrGameDev
@IspyrGameDev 2 месяца назад
Hiya, great tut, been looking for one for awhile, unfortunately even with updated dependices I'm receiving this error. Any ideas? Error: Couldn't resolve the package 'crop_your_image' in 'package:crop_your_image/crop_your_image.dart'. lib/custom_code/widgets/image_cropper.dart:14:8: Error: Not found: 'package:crop_your_image/crop_your_image.dart' import 'package:crop_your_image/crop_your_image.dart'; ^ lib/custom_code/widgets/image_cropper.dart:40:28: Error: Method not found: 'CropController'. final _crop_controller = CropController();
@LUDICRUMPTYLTD
@LUDICRUMPTYLTD 4 месяца назад
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 3 месяца назад
same here, did you fix it?
@Ali-Ideas
@Ali-Ideas 3 месяца назад
The video is from a fee month ago If you use change the package version it should work
@youtubers
@youtubers 2 месяца назад
thanks for this tutorial and i like how you answer on comments, i have small issue: when i add the custom widget to the component it come with solid color like the container and (not working in test mode it shows the component only)
@PrinceSingh-z9v4i
@PrinceSingh-z9v4i 6 месяцев назад
Amazing brother, it is possible to make a note taking app in flutterflow, can you make a project based video
@YashModi-b1j
@YashModi-b1j 6 месяцев назад
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 6 месяцев назад
Could you share the error logs . I will update the code
@morgane5534
@morgane5534 5 месяцев назад
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 5 месяцев назад
I believe that's the default behaviour of crop_your_image package
@LSSteinmeier
@LSSteinmeier 4 месяца назад
Hey, Awesome video. But i need a square instead of a circle. Is that possible aswell? Thank you in advance.
@Ali-Ideas
@Ali-Ideas 4 месяца назад
Yeah You can change the circular overlay
@LSSteinmeier
@LSSteinmeier 4 месяца назад
How exactly can I do that?
@Ali-Ideas
@Ali-Ideas 4 месяца назад
find cropStyle and change it to CropStyle.rectangle If you need more help you can reach out via email
@penguinneo
@penguinneo 6 месяцев назад
What a great video. Can I crop a photo to a square?
@Ali-Ideas
@Ali-Ideas 6 месяцев назад
Thanks Yeah you can set the aspect ratio on the custom widget , needs a tiny bit of coding )
@cyberarcher
@cyberarcher 7 месяцев назад
I have a feeling you gonna be big someday 🫣
Далее
How to Resolve Package Dependency Issues
5:14
Просмотров 8 тыс.
No Code App Development is a Trap
9:31
Просмотров 255 тыс.
We Built an App in 24 Hours [No Code]
11:56
Просмотров 431 тыс.
This is How I Scrape 99% of Sites
18:27
Просмотров 76 тыс.
Recursive Components Tutorial | New Feature
7:11
Просмотров 10 тыс.
Nobody Cares About Your Coding Projects
11:02
Просмотров 109 тыс.
OpenAI’s New ChatGPT: 7 Incredible Capabilities!
6:27