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.
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();
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)
Just liked and subscribed, and I NEVER subscribe lol. Quick question: Can you change the shape of the cropper to something other than a circle, such as a rectangle, or do you have to use a circle? Thanks for an awesome video.
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
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?
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, 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?
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 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'.
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 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?
@@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.
@@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
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!
you are god. saved my life. thank you so much.
Excellent video. Please do more complex tutorial with Flutterflow + Supabase.
OMG, I love this so much ima a beginner please make more videos like this!
So happy that they’re helpful , more to come
works great, how about having the rectangular selector instead of circular??
Let me answer my own question here if people are after the same answer, simply set the part of the code withCircleUi: true, to withCircleUi: false,
You’re the best
@@Ali-Ideas your channel is great! got a new subscriber!
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.
Even i am facing the same issue
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();
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)
Just liked and subscribed, and I NEVER subscribe lol. Quick question: Can you change the shape of the cropper to something other than a circle, such as a rectangle, or do you have to use a circle? Thanks for an awesome video.
Thank u dude, it works great
which crop_your_image version did you use?
@@onedayapp3534 I can share the code if u want
@@onedayapp3534 lastest version
Any solutoin for setup the maximum size limitation of video uploading?
You can do it with a custom action
And maybe combine it with a video compressor? Would love a tutorial for that!
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
same here, did you fix it?
The video is from a fee month ago
If you use change the package version it should work
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?
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
Yeah I think it’s now possible to directly pass localffuploadedfile bytes in the callback
@@Ali-Ideas I made it at last, thanks for the confirmation. Opens up for a whole lot of other widgets for me!
Hey, Awesome video. But i need a square instead of a circle. Is that possible aswell? Thank you in advance.
Yeah
You can change the circular overlay
How exactly can I do that?
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
Yeah
That should definitely be a custom widget
Depending on features you want there are different packages and solutions for this
If you need help with it let me know
What would it be like if this were with users registered on Supabase?
You need to change the upload logic
Condition action1 :- Uploaded local file 2 is not showing. What to do?
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.
Could you share the error logs . I will update the code
Amazing brother, it is possible to make a note taking app in flutterflow, can you make a project based video
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?
Hi
I just updated the code on Github , can you try it again ?
@@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?
Nevermind, I got it working! I just had to fix some width and height limits! Thank you!
lorsque j'upload l'image, la qualité est beaucoup affectée dans le image cropper. Est ce que tu saurais comment fix ça ?
I believe that's the default behaviour of crop_your_image package
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'
Hi!
you need to enable firebase storage to fix this issue
@@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'.
Solved.
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.
Don't set the widget to infinite. Set it to 350 by 500
@@eznaaa8525 thank you so much, you save me in my project, I love you so much man
@@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?
@@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.
@@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
Grateful
What a great video. Can I crop a photo to a square?
Thanks
Yeah you can set the aspect ratio on the custom widget , needs a tiny bit of coding )
Please make one for supabase. 😢
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
Thank you for the support
Will do project based videos for sure