Тёмный

#Google 

Mobile Programmer
Подписаться 16 тыс.
Просмотров 57 тыс.
50% 1

This tutorial will help you to learn MVVM in Flutter using Providers with a simple real world example.
Written Tutorial
vipinvijayannair.medium.com/m...
Source Code:
bitbucket.org/vipinvijayan198...
More tutorials can be found in coderzheaven.com
Find me on
Medium: / vipinvijayannair
Facebook: / contactvipinvijayan
Twitter: @mr_vipin_nair
Page: / mobile-tutor-299932940...
Leave your valuable feedback comments below this post and I will make sure to follow your suggestions as much as possible. Support is important.
Keywords: Google Flutter, Google Mobile Application, Coderzheaven, Android, iOS, Flutter, Cross Platform, React Native, MVVM Architecture.
#GoogleFlutter #MVVMFlutter #FlutterTutorial

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

 

8 окт 2021

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 143   
@kevinvishal9071
@kevinvishal9071 2 года назад
Great tutorial. You clearly explained how to structure app with MVVM, This will be a good starter project / or base project for many of the developers like me. Thank you so much.
@carlsmith358
@carlsmith358 5 месяцев назад
The best tutorial of MVVM in Flutter using network requests that I've found. I'm also glad you corrected my assumption that screens with user input needed to be StatefulWidgets.🙂
@MobileProgrammer
@MobileProgrammer 5 месяцев назад
I am glad
@kisanshah3739
@kisanshah3739 2 года назад
Thank you so much the thing I wanted to learn the most is this. Great content!!!
@hitesh2293
@hitesh2293 Год назад
This video is gem. I saw alot of videos on the provider based architecture but everyone made a very basic easy app to teach. Thankyou for uploading
@MobileProgrammer
@MobileProgrammer Год назад
Glad it was helpful!
@juliejohn5159
@juliejohn5159 2 года назад
Excellent. Wanted video.
@DJSebas213
@DJSebas213 2 года назад
GREAT!
@hashankannangara8723
@hashankannangara8723 2 года назад
important video!
@kamiroro3318
@kamiroro3318 2 года назад
Thank you, very informative for me as i'am fairly new with flutter.
@jayasubin-codes6233
@jayasubin-codes6233 Год назад
Great content. Thank you for this tutorial
@thaliaamargianou7870
@thaliaamargianou7870 2 года назад
So valuable content! Great work! Thanks...! Would be nice to see as a next part of this, data persistence! I mean local storage.. shared prefs or other..! So we can have a better view how we could add local storage on mvvm architecture! Thanks anyways..!
@ameeneetemadi429
@ameeneetemadi429 2 года назад
Very informative, you are great.👍
@vibhor1386
@vibhor1386 2 года назад
This is so amazing man seriously.
@mustafatahir981
@mustafatahir981 2 года назад
Very impressive! keep it up.
@bobojonh718
@bobojonh718 2 года назад
thank you for clear explanation of MVVM
@uvaismohammad4216
@uvaismohammad4216 2 года назад
You are a legend bro.. Thanks a lot
@nikhilkukreja8498
@nikhilkukreja8498 2 года назад
brilliant ❤❤
@khalifarazeeth
@khalifarazeeth Год назад
Very good tutorial
@vibhor1386
@vibhor1386 2 года назад
Very informative. Can you please make a firebase auth with shared preferences/persistence , firestore, tutorial with MVVM architecture using provider?
@vipinvijayan6034
@vipinvijayan6034 2 года назад
This is a really useful video. Keep going. Thanks.
@MobileProgrammer
@MobileProgrammer 2 года назад
Thankyou
@yusufumar6738
@yusufumar6738 2 года назад
Amazing content!, it's well detailed. thank you 👏
@MobileProgrammer
@MobileProgrammer 2 года назад
You are welcome. Thank you
@pravinromano8774
@pravinromano8774 2 года назад
Thank you so much sir, for such a wonderful tutorial sir, i loved it so much from your video only i got good information about BLOC patter as well thank you sir
@MobileProgrammer
@MobileProgrammer 2 года назад
You are welcome
@petsshoppy2458
@petsshoppy2458 2 года назад
Wow...Excellent Video
@MobileProgrammer
@MobileProgrammer 2 года назад
Thanks.
@devendiran97
@devendiran97 Год назад
Useful
@user-kp4qs2nf7q
@user-kp4qs2nf7q 10 месяцев назад
Just made it 1k likes 🎉
@michealgabriel1437
@michealgabriel1437 2 года назад
Amazing stuff! Thank you so much ❤❤❤
@MobileProgrammer
@MobileProgrammer 2 года назад
You are welcome
@erdemsym
@erdemsym 2 года назад
Excallent, thank you for your effort :)
@MobileProgrammer
@MobileProgrammer 2 года назад
You are welcome
@ParabTarak
@ParabTarak 10 месяцев назад
Very well explained. Thanks. Just a nitpick. The error at 28:45 is caught by the static check if the method specifies the return type i.e. bool addUser(){}; The empty return in if(!isValid) will also give runtime error. Similarly there were many get methods without return type specified. This can result in compile time or runtime errors that could have been avoided just by being specific of their return types.
@MohanRaj-sc2xz
@MohanRaj-sc2xz Год назад
Hi, Can you please tell me what the code you did on models/user_error.dart file? seems you have missed to show it on this video
@MedioNoOficial
@MedioNoOficial 6 месяцев назад
Finally I understood the MVVM in flutter. But I still have a question. It could be a good idea to implement MVVM patern if you handle your data through streams, for example from websocket, and build your list consuming directly the stream with StreamBuilder?
@amansingh.h716
@amansingh.h716 2 года назад
Thnkyou bro for this awesome tuts
@MobileProgrammer
@MobileProgrammer 2 года назад
You are welcome
@almamun2565
@almamun2565 2 года назад
Great content deserve more likes 👍
@MobileProgrammer
@MobileProgrammer 2 года назад
Thanks.
@M.......A
@M.......A 2 года назад
Thanks a lot for this. I am just wondering about the exact gain of using Provider to access the ViewModel. Can't I just create an instance of it inside the view and just access it? What is the exact gain of using the Provider here?
@maxxy-r3q
@maxxy-r3q Год назад
Hi, can you tell me what code you did to the models/user_error.dart file? It looks like you missed to show it in this video. I have searched for it on your website, but I still don't find models/user_error.dart
@user-xe8vl9eh9l
@user-xe8vl9eh9l 2 года назад
Hi i have a doubt i want to create a app with lots of images but i dont have a api ,so i decided to create a json and listed out all the images there like {"img1" =" assets.image1.png", "img2" = "assets.image2" } and so on when ia am compiling it is throwing an erroe saying that cannot locate ,some times late value not initialized and so ,now my doubt is can i use it this way or i have to create a static List with all the values and just simply display
@vibhor1386
@vibhor1386 2 года назад
You can load your json file inside the init method, by using DefaultAssetBundle constructor and passing in the json file path as string, you have to make this await, please google some DefaultAssetBundle json load and you will get your answer.
@saqib399
@saqib399 10 месяцев назад
I didn't understand much as i am a beginner but it was amazing to watch your coding skills.Thank you
@techfauz
@techfauz 2 месяца назад
He's too fast not for beginners like us but he's good
@veeraharikumarsakthivel8983
It is really useful video. Less time and good content
@MobileProgrammer
@MobileProgrammer Год назад
Thank you
@veeraharikumarsakthivel8983
@@MobileProgrammer I thought of buying a paid course to learn MVVM but this video just saved my money! Thank you bro. Subscribed!
@MobileProgrammer
@MobileProgrammer Год назад
I m glad my video helped.
@vivekprasad2703
@vivekprasad2703 2 года назад
Please make more videos on mvvm architecture
@MobileProgrammer
@MobileProgrammer 2 года назад
Sure. Will do. Thanks for the feedback
@pedromiranda3148
@pedromiranda3148 Год назад
Link to source code is not working :( Can you write some github link please? Also you dont show the UserError
@cndiandian
@cndiandian Год назад
greet, thanks!
@MobileProgrammer
@MobileProgrammer Год назад
You are welcome
@anozGosai
@anozGosai Год назад
what about the user_error.dart file, i didnt saw you creating the file, or have i missed it? I am getting an error on UserError _userError on users_view_model.dart.
@prashantdwivedi1736
@prashantdwivedi1736 2 года назад
looks good.
@MobileProgrammer
@MobileProgrammer 2 года назад
Thankyou
@prashantdwivedi1736
@prashantdwivedi1736 2 года назад
@@MobileProgrammerThanks sir! I have a request, Please make more detailed videos on proper Flutter architecture using provider that can be used in large apps as well i.e scaling at big level is possible. And also the folder structure that we should follow. Thanks again for your efforts
@user-rf4pj4zx4s
@user-rf4pj4zx4s 2 месяца назад
whats the difference between mvvm and mvc in flutter both seems similar except the names
@peekpt
@peekpt 2 года назад
So the ViewModel is what is called a "Controller" it has actions and outputs states...
@TV-kl9wc
@TV-kl9wc Год назад
thank you for the good content But where are the binders?
@sagar.s
@sagar.s 2 года назад
Description link for tutorial is deleted. Can you please make it online again ?
@akcanmurat441
@akcanmurat441 Год назад
hello bro, i have a question for you. you added a multiprovider in main for one vm. Is it necessary to follow the same method for multiple vms?
@MobileProgrammer
@MobileProgrammer Год назад
Not necessarily,most of the times apps will have multiple notifiers to separate the logic in different files
@akcanmurat441
@akcanmurat441 Год назад
@@MobileProgrammer It's been 6 months since it started. I collected the vms in main like you, but since there are more than one it's wrapped with all vms in the widget tree. I don't know if this is true.
@adityajha8701
@adityajha8701 2 года назад
Why have you made some functions like add users async? I only used async for functions that fetches data from intrernet. Thank you
@MobileProgrammer
@MobileProgrammer 2 года назад
async improves your apps performance no matter if it is a network call or not. when you call a network function with async, the network library is doing the real async call, not your function that is actually doing async network call, I hop you get it.
@vibhor1386
@vibhor1386 2 года назад
Sir, can you please make a video on MVVM with clean architecture too?
@MobileProgrammer
@MobileProgrammer 2 года назад
I will try.
@alexeyshubnikov2484
@alexeyshubnikov2484 2 года назад
This is very helpful, thanks! But what if we also want to adjust the user details for selected user (i.e. change email or name) - how do we do that?
@MobileProgrammer
@MobileProgrammer 2 года назад
You can definitely do that. What is blocking you? So basically you have to modify and update the data and add to user list or so
@alexeyshubnikov2484
@alexeyshubnikov2484 2 года назад
@@MobileProgrammer I just try to find the best solution from design perspective. First thing that comes to my mind is to have a method updateEmail(String email) inside the UserModel class, and then to call it from the ViewModel via _selectedUser (i.e. updateSelectedUsersEmail(String email) { _selectedUser.updateEmail(email); notifyListeners(); }. Is it a good practice to have methods to edit Model values inside the Model class? And if more general - I try to understand how to handle nested objects - imagine you have list of Users, each user has list of settings, and each settings has list of something else - and you want your app to allow going deeper down the tree and edit the values - the above described approach can get messy (i.e. we should have _selectedUser, _selectedSetting, _selectedSmth etc.) - so I am wondering if this can be managed by one ViewModel or should we also have nested ViewModels to deal with this kind of problem (and if Provider can handle nested ViewModels)
@MobileProgrammer
@MobileProgrammer 2 года назад
Logic should be inside the bloc event driven
@baboeli
@baboeli Год назад
Hi, do you have this proyect in github, there are somethings that I don't know come from, regards.
@MobileProgrammer
@MobileProgrammer Год назад
Yes, please check description
@2005sty
@2005sty Год назад
I cannot find this source code. Only one wriiten in Kotlin.
@orchlonchinbat2214
@orchlonchinbat2214 2 года назад
what is inside in models>user error? I couldn't see the file in this video.
@MobileProgrammer
@MobileProgrammer 2 года назад
Please check the repo in the description
@JeanPierreSchnyder
@JeanPierreSchnyder 2 года назад
Thank you for this video. But it would be great if we could access to the application code !
@MobileProgrammer
@MobileProgrammer 2 года назад
You can find it at the end of written tutorial in the description
@user-oy3sf4zy5s
@user-oy3sf4zy5s Год назад
kindly please update your code sir as it's showing multiple red errors & I am new in Flutter, after applying some changes still not running on device.
@user-oy3sf4zy5s
@user-oy3sf4zy5s Год назад
Can any1 share their repo with me so that i can go through it and make my project correct
@thangkieu4016
@thangkieu4016 Год назад
I need to find the lost user_error segment, please give me the information about that part
@MobileProgrammer
@MobileProgrammer Год назад
I forgot to include in video.. please just create a class
@ravikovind
@ravikovind 2 года назад
6 month we miss you sir
@MobileProgrammer
@MobileProgrammer 2 года назад
Sorry buddy. I was busy
@AnupUpadhayaya
@AnupUpadhayaya 2 года назад
Why i am getting error in UserError
@user-oy3sf4zy5s
@user-oy3sf4zy5s Год назад
Facing this issue @Mobile Programmer :- The following _CastError was thrown building HomeScreen(dirty, dependencies: [_InheritedProviderScope]): Null check operator used on a null value
@jimmyryan5880
@jimmyryan5880 2 года назад
Make the text bigger
@user-qr9pe5hw7d
@user-qr9pe5hw7d 2 года назад
have you reay skipped the userError step becaus icant fond it in the video please snd this dart file
@MobileProgrammer
@MobileProgrammer 2 года назад
You can find it in the source code link I the description
@user-tz3sd3sd6d
@user-tz3sd3sd6d 2 года назад
@@MobileProgrammer where is it?
@karthikm7063
@karthikm7063 2 года назад
@@user-tz3sd3sd6d import 'dart:convert'; UserError userErrorFromJson(String str) => UserError.fromJson(json.decode(str)); String userErrorToJson(UserError data) => json.encode(data.toJson()); class UserError { UserError({ this.code, this.message, }); int code; String message; factory UserError.fromJson(Map json) => UserError( code: json["code"] == null ? null : json["code"], message: json["message"] == null ? null : json["message"], ); Map toJson() => { "code": code == null ? null : code, "message": message == null ? null : message, }; }
@buraksafak9107
@buraksafak9107 2 года назад
@@karthikm7063 Thanks for your support.
@karthikm7063
@karthikm7063 2 года назад
@@buraksafak9107 welcome
@aquilrodrigues8155
@aquilrodrigues8155 9 месяцев назад
can you share the github link for this project
@MobileProgrammer
@MobileProgrammer 9 месяцев назад
please check the description
@user-xe8vl9eh9l
@user-xe8vl9eh9l 2 года назад
you just gave a fancy name view model to the provider
@MobileProgrammer
@MobileProgrammer 2 года назад
It’s not fancy name. You heard view model first.
@souravpanda1945
@souravpanda1945 2 года назад
can you please share the source code link ?
@MobileProgrammer
@MobileProgrammer 2 года назад
Plz check the description
@swapnilgawali9412
@swapnilgawali9412 2 года назад
please share code.
@susangautam2063
@susangautam2063 2 года назад
bro can u teach me how to navigate to particular user's details without using mvvm please
@MobileProgrammer
@MobileProgrammer 2 года назад
Navigator.push
@susangautam2063
@susangautam2063 2 года назад
@@MobileProgrammer how to navigate for the particular user
@MobileProgrammer
@MobileProgrammer 2 года назад
Same
@susangautam2063
@susangautam2063 2 года назад
@@MobileProgrammer can you make a short video on that please I'm not getting it
@MobileProgrammer
@MobileProgrammer 2 года назад
I wil try
@amirhosseinfazli2458
@amirhosseinfazli2458 2 года назад
not work in dart version 1.17.3
@MobileProgrammer
@MobileProgrammer 2 года назад
What is the error you are getting?
@02565120
@02565120 2 года назад
What about the object holding memory in viewmodel ?
@MobileProgrammer
@MobileProgrammer 2 года назад
Well, object has to held somewhere, so it would be in view model
@02565120
@02565120 2 года назад
But this object will be there in the viewmodel even after got back from the screen which uses the object
@02565120
@02565120 2 года назад
Lets say we have 30 screens and 30 viewmodels , how can we release the memory that all of these objects occupied when these are not in use
@MobileProgrammer
@MobileProgrammer 2 года назад
You can override the close method in the bloc to dispose anything
@MobileProgrammer
@MobileProgrammer 2 года назад
A view model does not correspond to a screen first of all. So that would be a bad design. You can have one view model for the entire app also. You can clear data anytime you want.
@juanjosep988
@juanjosep988 2 года назад
You didn't show the userError model. I assume is basically the same as the apiError.
@MobileProgrammer
@MobileProgrammer 2 года назад
Please check the source code linked in the description
@jorgeSanchez-og1fu
@jorgeSanchez-og1fu 2 года назад
@@MobileProgrammer Hi, I can't fine the link to de Source code. Where is?
@user-tz3sd3sd6d
@user-tz3sd3sd6d 2 года назад
@@MobileProgrammer can't find a link for this repos,please send it here.I really want to understand mvvm for flutter
@_aguskhaer
@_aguskhaer 2 года назад
@@MobileProgrammer have you delete your article on medium? i can't find your article
@MobileProgrammer
@MobileProgrammer 2 года назад
No. I didn’t
@ravipatelsrashtasoft
@ravipatelsrashtasoft Год назад
When You have created the UserError File. I thing you forgot to show it in this video. Please check
@MobileProgrammer
@MobileProgrammer Год назад
Yeah, I forgot. Will add in the description. Sorry
@ravipatelsrashtasoft
@ravipatelsrashtasoft Год назад
@@MobileProgrammer Thanks
@RattzMusic
@RattzMusic 2 года назад
why don't you show when create class user_error
@MobileProgrammer
@MobileProgrammer 2 года назад
Sorry, I might have missed it. You can find it in my repo which is linked in the description.
@maxxy-r3q
@maxxy-r3q Год назад
@@MobileProgrammer I don't see users_error in your repository.
@tutorialscamp3569
@tutorialscamp3569 2 года назад
Sir where is the UserError coming from?
@MobileProgrammer
@MobileProgrammer 2 года назад
Sorry, I might have missed it. You can find it in my repo which is linked in the description.
@tutorialscamp3569
@tutorialscamp3569 2 года назад
@@MobileProgrammer okay that's fine.
@muhammadjavedrafique4592
@muhammadjavedrafique4592 2 года назад
@@MobileProgrammer where is the link sir plz?
@muhammadjavedrafique4592
@muhammadjavedrafique4592 2 года назад
first you give hope but at the end you dont tell what is UserError
@MobileProgrammer
@MobileProgrammer 2 года назад
Just create a class . I forgot to include it in the video. Sorry
@islahudinmly9922
@islahudinmly9922 2 года назад
can you help me? LateInitializationError: Field '_userError@568429593' has not been initialized. position flutter version 2.10.5 dart version 2.16.2
@MobileProgrammer
@MobileProgrammer 2 года назад
Just assign some value to the variable before using it if you have declared it using late keyword
Далее
What is MVVM (Model-View-ViewModel) Pattern?
10:08
Просмотров 326 тыс.
35 Flutter Tips That Will Change Your Life
10:53
Просмотров 298 тыс.
Every Flutter App needs this!
10:15
Просмотров 55 тыс.
Flutter Google Map With Live Location Tracking
9:08
Просмотров 262 тыс.
Learn Flutter Life Cycle In 10 Minutes
10:02
Просмотров 73 тыс.