Flutter Basics: Updating The UI
ฝัง
- เผยแพร่เมื่อ 1 ก.ค. 2024
- What are the fundamental ways of updating the UI? And how come the UI is not updating unless I run a Hot Reload? Fear not we will look into both of these and you will get a solid understanding of it 👏
Course to build a production-ready app 👉 robertbrunhage.com/course
Full writeup: robertbrunhage.com
👉 Have additional questions, join Discord: / discord
Want to support me?
♥ Patreon: / robertbrunhage
♥ BuyMeACoffee: buymeacoffee.com/robertbrunhage
♥ Paypal: paypal.me/robertbrunhage
····················································································
You can find me on:
● Website: robertbrunhage.com
● Twitter: / robertbrunhage
● Discord: / discord
····················································································
😎 Subscribe: bit.ly/2SUyRhx
00:00 Overview
00:31 SetState
02:36 ValueNotifier
05:26 ChangeNotifier + Provider
This man is a gift to the flutter community ❤️
You are a gift to my community 😎
@@RobertBrunhage cool reply
Wonderful lesson from you Mate
Exactly what I needed! Thanks pal!
Glad I could help!
I always confuse how to use the value notifer etc but you explained it in the most simple way thank you my friend
Thank you
I love ❤ your 👨🏫📓Tutorials
You are awesome bro before I think provider is too hard but after watching your video it's too easy😎😀 thanks brother.
Awesome, glad you found it helpful!
Awesome I lock myself with setstate all time 🙂
Thanks
No problem 👍
Please Tell us about FutureProvider.value
which one is the best to use?
Hello. I want to use a bottomnavigation bar. Depending on the chosen navigation menu there are different tabs displayed in the tabbar of the appbar. Unfortunately the tabbarview of the body doesnt update within the setstate. Do you know how to fix the problem?
Setstate or valuenotifier or provider which one is better for e commerce application
This is great. I've wanted a place to send people who don't understand how to wire up the view with model change notifications. Of course, I'd first reach for the RiverPod cluster, because every time I see Provider, it looks like a lot more boilerplate. But otherwise, great simple intro.
For sure, I almost always opt for Riverpod instead of Provider, the problematic part now is that the API changes a lot which would make that part of the video obsolete really fast....
And thanks for the kind words Randal! 😊
@@RobertBrunhage I hear Remi probably isn't going through with his considered UI changes, so we're basically accessing 1.0 for now, despite the pre-release numbering.
@@RandalLSchwartz Interesting! I will still probably wait until 1.0 to be sure 😊
Hey i really like the syntax color and background of ur vscode, do u mind sharing ur theme, it looks like my IntelliJ but am not able to reproduce it in vscode
Have a whole video about my setup!
th-cam.com/video/HhumfOSYFNc/w-d-xo.html
Thanks for you video!
But I guess the Selector method in Provider is better (Performance). Please correct me if I'm wrong.
In the case you want the children to only update when that specific variable of the ChangeNotifier is updated, then yes it is!
I haven't personally had the need for it but it's a great way to optimize the app if you find that you need it 😊
What is the advantage of using valueNotifiers and changeNotifier+provider over setState? They just seem to add a lot of extra complexity to do the same thing.
Instead of me explaining it in a comment I think this post is worth a read!
flutter.dev/docs/development/data-and-backend/state-mgmt/ephemeral-vs-app
How can I update the UI without a TextField? For example I'm displaying the current time in my UI and want to update it automaticly.
Here is my question. I am running a process on a bunch of files. The process is executed by a service I made. How can I refresh my ui to show the progress? I don't think I can call a setstate from the service? The notifiers sound even more confusing?
I am using Riverpod + StateNotifier for my app. Should I have mix of ChangeNotifier and StateNotifier? Or should I have only StateNotifier for my app? If there's a mixture, why should I use ChangeNotifier over StateNotifier?
Stay with Riverpod + StateNotifier if that works. StateNotifier is a reimplementation of ChangeNotifier but improved upon imo!
@@RobertBrunhage Thanks
You should talk about riverpod also, as it is not far from provider.
For sure but this case was more about showing ChangeNotifier not specifically Provider, it just made it easier to show!
Can be used with Riverpod as well!
@@RobertBrunhage that's great 🖤
Is there any difference in doing context.read.name = vs. Provider.of(context, listen: false).name = ?
Nope :)
@@RobertBrunhage Thanks :) I didn't think there was. Only just discovered the channel. Keep it up - the content is fantastic
@@teh_raab Thanks, glad you find it useful! 😊
I have been using the provider state management from so long but I didn't that we can call the functions using context.read.name='Robert';
I was always using Provider.of(context).name('Robert');
There is context.watch and context.read which is similar to having the listen property to true or false!
@@RobertBrunhage Yes, I saw the Provider documentation after this video then I got to know about watch and read. I noticed that in flutter_bloc also, we use read and watch which makes me think if flutter_bloc is just a provider wrapper with some extra things.
It is using Provider 😊
without you, it would've taken me months to understand flutter
I am just glad I was able to help, I have already been through those months 😂
ValueNotifier seems like the best solution, or am I wrong?
setstate is the worst, please help us with riverpod. Do a video with complete example like api calling, listview changing etc etc. Pleaseeeeeee!!!!!
Not sure if it covers all that you want a video on, but I have a video with Riverpod that uses api calls, error handing etc!
th-cam.com/video/3eOn4CtO5hg/w-d-xo.html
Hey, man!!!
Are you using the vim or neovim VSC extension?
As of now I am using the Vim extension, am thinking of trying out the neovim one as I also use neovim normally (not gotten it to be as smooth as vscode for Flutter yet though)
@@RobertBrunhage yeah!
The vim extension is pretty laggy on my setup
That's why I turned to Neovim
Both of them are pretty straightforward but that performance issue was critical
PS: Quite nice and understandable video! Congrats!
I thought integrating Firebase with Flutter would be easy.
*_But damn am I bad at Authentication._*
I feel you, it took me quite some time to set it up. But the rest is fairly easy though.
Your app didn’t have my name in it 🤨
Sadge
FIFTH :)
I think in this video you should have created that provider only for that view and not as a global provider.
I made that mistake in my first app and end up with a lot of global providers.
SECOND!
👀
First 😅
You will not beat me next time, mark my word!
@@RobertBrunhage lol
dear brother I am expecting and I'm asking you many many times Please please please make a social media app just a basic one which shows a feed and some student or a person doing a post and the feed shows a like comment and share button UTC Please do that using SQL Server I really want to understand how that works but no one is teaching me how
Well, for the buttons you find snippets/packages online if you don't want to do it yourself and a feed is just data from a database (or rather API, which has their own tutorial series' online and are not Robert's focus right now, because he just does frontend stuff), which should be really easy to bind into your app using the http package
@@skorp5677 what about a ui for Social app basic
@@faheemahmadofficial7701 I'm pretty sure, you know some social media layouts. If you want to build your own network, look at what's most important (UX might be an interesting topic for you) or if you are just looking for inspiration, there are lots of sites for designs only online
After all, the UI is the part, that you have to come up with. The business asks just for a little creativity
@@skorp5677 any good packages>