#Flutter

In this article, we will how to select an image by capturing from camera or gallery, then we will save the image in app's temporary directory in a separate thread and then load it from there.
For this demo we need three packages.
Add Dependencies
Open pubspec.yaml file and then add the below dependencies.
path_provider: ^1.6.9
image_picker: ^0.6.7
image: ^2.1.4
path_provider for getting access to the app's directory.
image_picker for open camera or gallery and get the image.
image for encoding and decoding the image.
Make the following changes in your Android and iOS project.
iOS
Add the following keys to your Info.plist file, located in project root/ios/Runner/Info.plist:
NSPhotoLibraryUsageDescription - describe why your app needs permission for the photo library. This is called Privacy - Photo Library Usage Description in the visual editor.
NSCameraUsageDescription - describe why your app needs access to the camera. This is called Privacy - Camera Usage Description in the visual editor.
NSMicrophoneUsageDescription - describe why your app needs access to the microphone, if you intend to record videos. This is called Privacy - Microphone Usage Description in the visual editor.
Android
API 29+
No configuration required - the plugin should work out of the box.
API less than 29
Add android:requestLegacyExternalStorage="true" as an attribute to the application tag in AndroidManifest.xml. The attribute is false by default on apps targeting Android Q.
Medium Article Link:
/ select-image-from-came...
Article Link:
www.coderzheave...
Source Code
bitbucket.org/...

[@BelajarPemrogramanPemula]

thank you, I'm taking part in studying. at this time I also create content about learning flutter for beginners

[@imranmuhajir4480]

Wahh, sampai sini kak.....Maju terus

[@BelajarPemrogramanPemula]

@@imranmuhajir4480 hehehee

[@user-gu5ts5nx8r]

Great man is back with another useful video. Thanks for sharing.

[@MobileProgrammer]

More to come!

[@user-gu5ts5nx8r]

@@MobileProgrammer can't wait, thanks for your great efforts.

[@sozkaya]

Obviously you are a good developer, and thanks for sharing your knowledge. On the other hand, I want to point out a thing for all similar tutorials; learning requires deep understanding of concepts. It is not possible to understand from " now we add this, now we are writing this, and we must add this code....." style tutorials. But why.... I have to see 'WHY's... Not what to write. Take this as an improvement please. Keep up great work 👍🏼

[@MobileProgrammer]

Sure. Thanks for the feedback

[@jamshidali3855]

Thank You So much sir.....your flutter tutorial videos are really amazing these are much helpful for me special this one......

[@IqbalHussain-nl2lc]

Thanks a bunch! This was more informative than I was hoping for it to be :) :D

[@pacegrin7403]

Thanks many👍🏼😁

[@sarahahmed2112]

Thank you for the informative videos. I appreciate that you choose to create videos on the least-explored parts of flutter, like SQLite and storing images - which not a lot of channels focus on as much as they focus on Flutter UI. I have one request: I wish you could speak as you're coding, not after that. Speeding up the coding and recording a separate voice-over is very overwhelming and sometimes unstructured. A lot of the corrections made during the code go unexplained. I had to slow down the video below normal rate to be able to understand the explanation and follow up with the code because it was too fast. And there were some things I wish you'd elaborated more on. And some things go unmentioned (for eg: the import statements, things from previous videos like the Utility class, etc.) Thanks for the valuable content, though!

[@MobileProgrammer]

Thanks for the feedback. I will take care of those in my upcoming videos.

[@melonpun]

Another great video 👍. Brother can you make a how to make "add to favorites" function tutorial?

[@MobileProgrammer]

What you exactly meant by add to favorites?

[@melonpun]

@@MobileProgrammer I am new to programming and I am currently learning app development using Flutter. My first app is a greeting cards app, I managed to do a lot of things but I am stuck in the part where the user can click on heart icon on the card and add it to favorites section and then a separate view will only show the favourited list. I am using firebase to store the images and there is not user authentication. Maybe you can point me to the way on how to achieve this.

[@basilismastoras8861]

great video!!! can i use as source Image network???

[@MobileProgrammer]

Yes

[@lakshitsharma71]

Thanks sir. But I want to save that selected image to project directory assets folder can you help?

[@omerucansu2569]

how do i recall a picture i saved

[@tasyaagnesgoei]

Hello! I tried to adding this : _button('Camera', ImageSource.camera), _button('Gallery', ImageSource.gallery), and this: _select() But it shows error: The element type 'dynamic' can't be assigned to the list type 'Widget'. Do u have any solutions for this? Thanks in advance!

[@hirenviradiya2203]

how to pick image after gallery to remove or created app in store..

[@lovekeshsinghkhalsa4251]

how to share Image.memory image in flutter on WhatsApp or else...

[@jamshidali3855]

Sir i want to pass an image from one page to another......after this video i am passing the final imageFile is there is any better method for it??

[@MobileProgrammer]

You can pass the file path .

[@homeplantsdev7399]

Can you please provide the source code ?

[@MobileProgrammer]

Please check the description for written tutorial. Here is the source code link. bitbucket.org/vipinvijayan1987/tutorialprojects/src/ImageSelectionAndSaveToDiskPerformance/ Thanks.

[@cellinside82]

Where is the source code? I can' find it into the provided link...

[@cellinside82]

Found! bitbucket.org/vipinvijayan1987/tutorialprojects/src/ImageSelectionAndSaveToDiskPerformance/FlutterTutorialProjects/flutter_demos/lib/others/ImageSelection/ImageSelectionScreen.dart