Flutter Tutorial - ImageCropper - Pick & Crop Images
Вставка
- Опубліковано 21 лип 2024
- Let's pick images and crop, rotate, scale, and save them with the ImageCropper Plugin in Flutter.
Click here to Subscribe to Johannes Milke: ua-cam.com/users/JohannesMilke...
👉 12 Week Flutter Training | heyflutter.com
👉 Flutter Masterclass Courses | heyflutter.com/masterclass
- Source Code: github.com/JohannesMilke/imag...
- Buy My Courses: heyflutter.com
Resources:
ImagePicker Plugin: pub.dev/packages/image_picker
ImageCropper Plugin: pub.dev/packages/image_cropper
Image Tutorial: • Flutter Tutorial - Flu...
Image Advanced Tutorial: • Flutter Tutorial - Flu...
FadeInImage Tutorial: • Flutter Tutorial - Fad...
Basic Image Filter Tutorial: • Flutter Tutorial - Pho...
Advanced Image Filter Tutorial: • Flutter Tutorial - Pho...
Fitness UI App Tutorial: • Flutter Tutorial - 1/2...
Onboarding UI Screen Tutorial: • Flutter Tutorial - Onb...
TIMELINE
0:00 Cropping Introduction
1:10 Pick Image
3:01 Crop Image
4:19 Crop Square Image
8:35 Compress Image
9:03 Android ImageCropper
10:16 iOS ImageCropper
11:19 Locked Aspect Ratio
11:51 Free Aspect Ratio
12:24 Custom Aspect Ratio
JOIN THE CREW
bit.ly/JohannesMilke
SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS
*********
SOCIAL MEDIA: Follow Us :-)
Twitter | / heyflutter_
Linkedin | / heyflutter
PLAYLISTS
- All Flutter Videos: • Flutter Tutorial - Flu...
- Widgets - Flutter: • Flutter Tutorial - Flu...
- Plugins - Flutter: • Flutter Tutorial - Flu...
- Animations - Flutter: • Flutter Tutorial - Tra...
- Designs - Flutter: • Flutter Tutorial - Flu...
- Firebase - Flutter: • Flutter Tutorial - Pag...
If you find this video useful, LIKE & SHARE this video to help other people who also learn Flutter :)
bit.ly/JohannesMilke
CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com
#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-) - Наука та технологія
This might help you :)
👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
Source Code: github.com/JohannesMilke/image_cropper_example
Anytime I search something regarding flutter first look at whether there is a video in your channel. Thank you very much for your effort.
Great tutorial Johannes Mike
Can you change the number of grids when you crop an image? currently there are 9 grids inside the cropping square, but if you want to have for example 3x5, there has to be 15 grids within the cropping squre. I am asking this because i want to find a way to divide the photo into (3x1,3x2, 3x3, 3x4, 3x5 ) format for instgram posts.
Hello Johannes,
do you know a way with which I can crop my image circular?
PS: Gute Videos weiter so :) !
i got this error lib/utils.dart:14:36: Error: The value 'null' can't be returned from an async function with return type 'Future' because 'Future' is not nullable.
what should i do?
Bro I also worked with this image cropper yesterday. Could you please make video on how to store these images to firebase storage and retrieve in our app ui (i.e an app which have products list like amazon or others. you are filling a form to upload your product in which you have to upload images. When you uploaded that image it should be visible in the list). It can be done by storing and retrieving those data in firebase. Try to make a video on it bro. Thank you 😊
Is it possible to crop image with rounded corners
Nice tutorial it works but if I use the newest flutter it broke everything 😢.
Figured it out....🤗
Another wonderful video thank you so much, I'm currently studying to become a Flutter developer ay tips to help make this my learning process as efficient as possible. Currently I'm reading Java Head First and am using a Udemy course from Angela Yu, any help would be hugely appreciated!
very good! Thanks
perfect for wallpaper app. pls make one
Good job .
can using with videos ?
very good!
Thank you❣️
Unfortunately the image cropper doesn't work in release mode, the activity is crashing
How crop image in flutter web app?
can you make a video or link me somewhere I want to be able to turn video into a gif
I like your Videos!!!
Glad you liked it, @julioneoyngles5298 😀
Hello Mike, I want to add a new icon within this widget like edit icon along with crop, rotate and scale options so that it navigates to another page for editing. Is it possible?
@@HeyFlutter Could you please let me know if there are some resources as i am not able to add new icons to this plugin :(
hey, i got this problem when i pick some image "W/OpenGLRenderer( 4936): Bitmap too large to be uploaded into a texture (2340x4160, max=4096x4096)"
image not showing when we do cropping
@@HeyFlutter thanks for the replies, I will try to solve it
Can we use network images instead of picking image from gallery or camera? If so how
@@HeyFlutter Thank you I will check it out. Love your videos! Ur awesome!
When you can, please make a video about audiocropper-Pick & Crop audios!!!
Thanks for the idea @julioneoyngles5298 😀, i have added it in my list of future videos
can i set ios init AspectRatio with aspectRatioPresets
@@HeyFlutter
when ios open image show up AspectRatio original image
but aspectRatioPresets have 1:1 and 5:4 , i need open image with 1:1
set aspectRatio : CropAspectRatio(ratioX: 1, ratioY: 1)
not work for me because need user can choose 2 aspectRatio (1:1 and 5:4)
can you help me
( sorry for my english )
Nice
why the image cropper need to capture audio? in ios permissions
Thank You Ahmed AlObed! Follow this link: pub.dev/packages/image_cropper
I hope you will get your answer 🙂
Better than Chat GPT😀
Great, Thank you @mischak.605!
I don't know why, but after taking the pic, it is loosing connection to the device. Please help.
PS: I am using real device to test instead of emulator.
@@HeyFlutter yes I did...
Actually, even after cloning your repository and using my device to run your application, it is showing same issue
@@HeyFlutter actually it seems there is a problem with my device because if I am running the app on my device without connection to editor, it is working fine
❤️❤️
Thank you, @mohammedanwarbinmuslem654! 🙂