Flutter: Import profile images form Camera and Gallery || Image Picker || 25

Рет қаралды 66,770

Күн бұрын

Show your support and subscribe to the channel -: devstack.page....
#Flutter#ImagePicker#Gallery
In this video -:
1) We will create a Custom Image widget with camera Icon
2) Work with the Bottom Sheet (Modal)
3) Import Images from Gallery and camera using Image Picker
Resources-:
🤩 Last Video : • Flutter: Working on Cr...
🤩 GitHub Repo (Do give star) : github.com/Dev...
🤩 Rest API endpoint creation for Profile Page -: • NodeJs: Mongoose Schem...
🤩 Working with Images Endpoint-: • NodeJs: Rest-API End-P...
🔥🔥 Flutter Blog App : • Blog app backend and f...
🔥🔥 Flutter Chat App : • Flutter Chat-App (What...
🔥🔥 Flutter with Firebase : • Flutter with Firebase ...
🔥🔥 Flutter Model Class : • Flutter Model Classes ...
🔥🔥 Flutter Random : • Flutter Random Topics
👋 👋 Get the complete source code with some Cookies (You can support me) 🍪
😄 Patreon: / devstack06
😄 Buy me a Cofee: www.buymeacoff...
😄 DM me for UPI number
😋 😋 For more updates Join me on Social media 😋 😋
💻 💻 Twitter -: / devstack06
💻 💻 Instagram -: / devstack06
💻 💻 FB Page-: / devstack06
💻 💻 GitHub-: github.com/Dev...
PLEASE SUBSCRIBE AND SHARE THIS VIDEO!!! 😜 😜
THANKS FOR WATCHING!!! 😋
#Flutter #Firebase #PhoneAuth #Nodejs #Expressjs #TodoApp #flutterdev #fluttercommunity #flutterapp #flutterbygoogle #flutterApps #Camera #RestAPI #ImageUpload #RestAPIConnection #Http #NodeJs#ExpressJs #MongoDB#LikeIt#Subscribe#Share

Пікірлер: 91

@fathimashafana4881 3 жыл бұрын

Indian youtubers rock seriously. Indian videos are 1000 times better than foreign ones.

@Becoder15604 Жыл бұрын

That's how to teach thank u sir for such amazing and benifical video

@fathimashafana4881 3 жыл бұрын

Wow such a awesome video. U r such a great teacher. I understood the way u explained!! Plz dont change the way u make videos. Its just perfect !! Thankyou so much for making this video. I followed ur video from start to end. but I dont kno what did i miss out. when clicking on camera and gallery icon nothing is happening and no error is also shown. what to do? btw I have liked and subscribed ;)

@user-cs7vp9cn2d 3 жыл бұрын

Hello man! Its best video - you are very cool !!!!)))) its works super!!!!

@DevStack 3 жыл бұрын

Thanks man keep watching and keep sharing the video 😊

@fahadmustafa650 3 жыл бұрын

Love you Sir! I thought there is no FileImage in backgrounImage. Thanks for introducing me

@bcnghia Ай бұрын

thanks sir

@joeysupply Жыл бұрын

Thank you sir. for your video.

@shadmannehalkhan6845 Жыл бұрын

thanks

@saadsaleem3331 3 жыл бұрын

thank you for making this good video

@saadsaleem3331 3 жыл бұрын

good work bro

@chind0na 3 жыл бұрын

6:40 Starts talking about the onPress to set the image

@johnhabibpour8375 2 жыл бұрын

Hi Dev, Thanks for your awesome video, Can I ask you why my code gives error, CircleAvatar( radius: 80.0, backgroundImage: _imageFile == null ? AssetImage('images/aran.jpg') : FileImage(File(_imageFile.path)), ), exactly last 3 lines has error, Thanks

@leirbagleu 2 жыл бұрын

Try to change late PickedFile _imagefile; to PickedFile? _imagefile; And change backgroundImage: _imageFile == null ? AssetImage('images/aran.jpg') : FileImage(File(_imageFile.path)), ), to backgroundImage: _imageFile == null ? null : FileImage(File(_imageFile.path)), ),

@neeraj2626 2 жыл бұрын

Hi, were you able to resolve this, if yes then please suggest the fix.

@thanhmai1132 2 жыл бұрын

@@leirbagleu I work around with your suggestion and when click into camera or gallery, the app went out. :( dont know why

@ilmemaab3171 2 жыл бұрын

Thanks a lot!!! it really helped me !

@ankitaumredkar8368 2 жыл бұрын

Sir I get am error that getImage is undefined how should i resolve

@pradyumanpareek2972 3 жыл бұрын

Thank You!!!!

@TYNEPUNK 3 жыл бұрын

great stuff

@mustafaninyolu 3 жыл бұрын

thanks again!

@saileshverma1942 3 жыл бұрын

when i m using form widget and the image picker i m not able to save the values of the textfield please resolve my problem SIR!!

@DevStack 3 жыл бұрын

Are you using the setState?

@saileshverma1942 3 жыл бұрын

@@DevStack yes

@DevStack 3 жыл бұрын

So where you want to save the values , with help of setState you can maintain the state till you are that particular file or page...

@saileshverma1942 3 жыл бұрын

@@DevStack i made a list of data and using the provider class and via form widget i want to get the data from the user and to save it into that list.

@DevStack 3 жыл бұрын

In that case you will need the proper state management thing. Without seeing the code snippet no one will able to help you 😅😅😅.

@josueguessennd51 4 жыл бұрын

Awesome

@DevStack 4 жыл бұрын

I am glad that you are liking this series :)

@XO_GG 9 ай бұрын

Where is i can download the app?

@SAGskills 3 жыл бұрын

how to validate profile pic if user not select profile image? a message should display "please select picture" how to to that validation

@hunter85070 3 жыл бұрын

I LOVE YAAAAAAAA!!! THAAAAAAANKS!

@hunter85070 3 жыл бұрын

excuse me i got a problem, the app crash when i deny permissions

@DevStack 3 жыл бұрын

Just follow the all video 😊😊😊maybe I have fixed the issue in other videos

@areebafarooq2694 2 жыл бұрын

is this emulator or you are using real device ???

@sajeevvasudevan6301 Жыл бұрын

i get an error lateInitializatationError Filed _imagefile@27144298 has not been initialized , how it solve please help me sir

@DevStack 3 жыл бұрын

Can you guys help me to get 3k please 🙏🙏🙏🙏

@saileshverma7353 3 жыл бұрын

Why im not able to import "dart:io" While converting pickedimage type to file type Pls Help!!!!!!!!!

@sumantrkurse1518 Жыл бұрын

How can we do with Camera plugin package?

@hectorprx 3 жыл бұрын

Thanks

@DevStack 3 жыл бұрын

Welcome :)

@ibrahimtaramsah4450 3 жыл бұрын

Thanks, But how can i add multiple image in form

@nerminhussein2634 3 жыл бұрын

I have a proble in line : File(imagefile.path) how solve it please?

@yashratnaparkhi4529 3 жыл бұрын

import "dart.io".. you must have mistakenly imported dart.html

@tanishkavaswani3360 3 жыл бұрын

Did you get a solution?

@ShivamGupta-sx4lk 3 жыл бұрын

backgroundImage: _imageFile == null ? AssetImage("assets/blank.png") : FileImage(File(_imageFile.path)), This line is giving error please tell me how to solve it

@bylkaminou517 3 жыл бұрын

did you find a solution??

@ShivamGupta-sx4lk 3 жыл бұрын

@@bylkaminou517 yes

@bylkaminou517 3 жыл бұрын

@@ShivamGupta-sx4lk can you show me how to fix the problem

@heliaha9705 3 жыл бұрын

I have the same error!

@bylkaminou517 2 жыл бұрын

@@heliaha9705 I did not find a solution :(

@cristianduran4676 2 жыл бұрын

Can u do this with null safety, please?

@arbajansari3052 3 жыл бұрын

can i get source code? plz

@pragatsharma1580 Жыл бұрын

The non-nullable local variable '_imageFile' must be assigned before it can be used. Try giving it an initializer expression, or ensure that it's assigned on every execution it is giving this error how to fix

@amuchand47 Жыл бұрын

Create _imageFile as a variable type of PickedFile? _imageFile , and then use backgroundImage: _imageFile == null? const AssetImage("assets/profile.jpeg") : FileImage(File(_imageFile!.path)) as ImageProvider .

@ccarnagee7867 4 жыл бұрын

But when you build an APK the image picker doesn't work... Most of the time app doesn't open gallery or camera... In debug mode everything works fine...

@DevStack 4 жыл бұрын

The app is breaking at some point of time, It's not the issue with my app please look onto the GitHub repo link for comparing the code :)

@ccarnagee7867 4 жыл бұрын

Did you test ur app in release mode?

@DevStack 4 жыл бұрын

This app is right now in development mode but I used image picker on 7 to 8 app and all are working fine :) Please check your app is breaking in any point or not generally it stuck due to that.... Take help of provided GitHub repo

@yhoinermorales2584 3 жыл бұрын

I had the same problem in other projet, you need modify the file AndroidManifest.xml Medium have one tutorial for solve this.

@tracoolgaming4829 4 жыл бұрын

you should also show the imports also the setstate() was required to be defined as a separate function i think you missed it because is was producing as error in my code

@tracoolgaming4829 4 жыл бұрын

sorry i got my answers i was implementing the code in a stateless widget rather than a statefull widget

@DevStack 4 жыл бұрын

Ohh great you fixed your problem 😀

@tracoolgaming4829 4 жыл бұрын

@@DevStack i want to talk about some features of app can i have your email

@DevStack 4 жыл бұрын

devstackin@gmail.com ✌✌

@nerminhussein2634 3 жыл бұрын

how solve this problem please?

@lyleverything1767 3 жыл бұрын

where is the link for the github repo for this ?

@DevStack 3 жыл бұрын

You can find it on one of the video bro 🙌🙌

@zareenharoon4287 2 жыл бұрын

hello nice work.. please solve my problem.. i am getting eroor here CircleAvatar( radius: 80.0, backgroundImage: _imageFile == null ? AssetImage("images/Logo.jpg") : FileImage(File(_imageFile.path)), ), _image file not defined error not nullable instant field also cotext error as wll. it says undefined name child: InkWell( onTap: () { showModalBottomSheet( context: context, builder: ((builder) => bottomSheet()), );

@yashratnaparkhi4529 3 жыл бұрын

Is there any way to save the pic we selected as when I am starting my app again. It gets set to original state and not the one I selected

@DevStack 3 жыл бұрын

We are storing it on a back-end bro 😄😄😄 you can find it in next video Please make sure to share the video 😄😄

@yashratnaparkhi4529 3 жыл бұрын

Please suggest me

@yashratnaparkhi4529 3 жыл бұрын

@@DevStack brother please share me the link for it.

@user-xf7mu7ub9d 3 жыл бұрын

here the full playlist: kzfaq.info/sun/PLtIU0BH0pkKpitsp5jzt-yDAoXAFBkcPb

@LoveIsLifeTurkishIndia 3 жыл бұрын

Can you share the source code please..

@bylkaminou517 2 жыл бұрын

Thanks for the tutorial I have an error in this line backgroundImage: _imageFile==null? AssetImage("assets/profilphoto.png") :FileImage(File(_imageFile.path)), The argument type 'Object' can't be assigned to the parameter type 'ImageProvider?'. could someone help me please !!!

@neeraj2626 2 жыл бұрын

Hi, were you able to resolve this, if yes then please suggest the fix.

@shubhamprajapati8504 2 жыл бұрын

ya same error here how to solved this...

@sajeevvasudevan6301 Жыл бұрын

void takephoto(ImageSource source)async{ final pickedFile=await picker.pickImage( source:source, ); setState(() { _imagefile=pickedFile as PickedFile; }); this my code

@zohairmoufakkir9501 4 жыл бұрын

please give me the code source

@DevStack 4 жыл бұрын

You can get a link of the GitHub repo from the description :) ✌✌✌✌✌ #like #subscribe and do #share to grow this channel

@GuyNChai 2 жыл бұрын

Dude get a mic, i have to tur of captions to listen o what you are saying 😶

@neeraj2626 2 жыл бұрын

Hi, thanks for the greate video. I'm very new to flutter, was following your video and getting this error. Any suggestions? Thanks in advance! Code: late PickedFile _imageFile; .... backgroundImage: _imageFile == null ? AssetImage("lib/assets/profile.png") : FileImage(File(_imageFile.path)), ..... Error: Try correcting the name to the name of an existing method, or defining a method named 'File'. : FileImage(File(_imageFile.path)), ^^^^ lib/pages/ProfilePage.dart:149:15: Error: The argument type 'Object' can't be assigned to the parameter type 'ImageProvider?'. - 'Object' is from 'dart:core'. - 'ImageProvider' is from 'package:flutter/src/painting/image_provider.dart' ('/C:/Program%20Files/flutter/packages/flutter/lib/src/painting/image_provider.dart'). ? AssetImage("lib/assets/profile.png")

@neeraj2626 2 жыл бұрын

Nevermind I got it fixed by replacing 2 things from your code. 1. PickedFile _imageFile; to PickedFile? _imageFile; 2. backgroundImage: _imageFile == null ? null // added this line // AssetImage("assets/images/profile.png") commented out : FileImage(File(_imageFile!.path)),

@luckyugwu 2 жыл бұрын

@@neeraj2626 I tried doing this and the initial image is not displayed anymore. Also, I can't seem to choose a new image from the gallery or camera.

@neeraj2626 2 жыл бұрын

@@luckyugwu I will try to upload my code tomorrow morning on github and will share the url.

@luckyugwu 2 жыл бұрын

@@neeraj2626 I would really appreciate that.