Adding Animations to Your App (The Boring Flutter Development Show, Ep. 5)
HTML-код
- Опубликовано: 8 сен 2024
- In this episode, Filip is joined by Emily, a Developer Advocate on the Flutter team (and previously a compiler engineer on the Dart team). Together they extend the BLoC pattern to add loading animations to the Hacker News reader app - they showcase the progress indicator animations that Flutter provides out-of-the-box, as well as building custom animations from the ground up.
Please give us your feedback in the comments, and let us know what you would like us to build next! You can reach out in the comments below or on Twitter using #BoringShow.
Watch more episodes of the boring show here → bit.ly/BoringShow
Get started with Flutter → flutter.io
Try a Flutter codelab → goo.gl/d3fHPo
Join the conversation → goo.gl/68oUnb
Subscribe to the Google Developers channel → goo.gl/mQyv5L
I'm not sure if it fits this show, but could you guys possibly bring a design expert at Google on for an episode to really make this app look nice? Just going in depth into theming and styling and best practices
Love the live coding without editing the mistakes!
It'll be awesome if you can build an app that streams music, including all the controls like play, pause, skip x amount of seconds, etc.
Keep it up! I learn a lot from the show
Emily is definitely a positive addition. Great to see different devotee perspectives.
The more stickers, the better the dev right
Mike 5000 to hide apple logo
On min 10:20 they used BehaviorSubject with seedValue. Now you should use this: final _isLoadingSubject = BehaviorSubject.seeded(false);
thx
i love this show, Circular progress indicator part was hilarious XD
Have to say the format of this show is excellent. It really reflects real life programming and the decision making and errors that are made on a daily basis
here we do not just learn to do flutter stuff, it also gives a good idea of how our mindset should work to solve a problem
Please continue this show. Don't stop! ❤️
Filip and Emily, incredible episode! thank you so much to share your knowledge to us. I love the format of one hour long, and its way better for learning with no doubt
so fun to watch. and so relatable just like how we normally work... unlike all those tutorial just drone on and on...
Another great episode, I really enjoy the #BoringShow and what you guys are trying to do. I may not understand some of it purely because I have never written dart. But the show definitely inspires me to try learn dart as well as encourages me to try out flutter.
So thank you guys!
Some suggestions of apps for the next few episodes could maybe be something that is like an that a user can use that tracks (stores information) something, for instance say I have a collection of books, users can have a profile with a collection and categories. Don't know if that makes sense. Very keen for the next episode!
Thank you so much for providing such a great tutorial..
emily fan
The real question: where can I get a Flutter or Dart sticker for my computer?
This format is awensome
Hey Filip and Emily, very cool what you're doing. Matt Carroll's Flutter tutorials are a success. Would you consider bringing him to the Boring Show?
Was waiting for this
My eyes thank you from 3am, Emily
Nice series, thank you Filip & co. Is there a repository in github or elsewhere that I can clone from?
Love them, funny :)
Good to see you #Emiliy!!
Maybe you should change the bottom app bar to go to a new page, instead of getting a new stream, so you can show how to use pages.
Why isnt she using the intellisense :(
Can you show how to create an app which show pop up over other app to remind us to take break so that how eyes not go blind
Hey guys you created a course in Udacity for Flutter , so can I after watching the full course build Complex Apps like instagram and Facebook
Maybe this is stupid... But couldn't you return a Future of a List of Articles and get the Future state, as done, loading etc... And use it for the progress indicator?
Is there a way to add onPressed or onTap to the AnimatedContainer? If not, then what is the best way to do it? Thanks
Nice waiting for webrtc in the next video
I got the Android pie update Im so glad I have a pixel 😀😀
What is the benefit of making your isLoading bool a stream as opposed to making it a variable in the state of the widget and just setting the state and changing the bool when you load the data and finish loading the data?
I think it gives better encapsulation. The actual loading happens inside the bloc, and is only _consumed_ by the UI, so, for me, it makes sense to keep it there. It keeps that logic together.
Having it as a Stream on the Bloc also means that other parts of your app can subscribe to it as well (for instance, they can prevent the user from doing something while things are loading).
I think you have to override the dispose method to cleanup the animation controller.
It's good practice to make it a habbit to immediately add the dispose method when you add something that needs tidying up.
how to change item position in listview using drag animation, after you click on item in list?
idk abut you guys but those tabs !!!!
from where you bought that stickers on your laptop back...
please provide link of that....please please....
i also want that
Really need some dart flutter stickers for my laptop
What is the difference between
import 'package:boring_show_example/src/serializers.dart';
and
import 'serializers.dart';
???
Because I had a nasty problem where my json wouldn't parse, and it was because of this import!
It was throwing "type '_$Article' is not a subtype of type 'Article' in type cast" no matter what...
I was following what you were doing, and had the same folder structure. Everything was the same except for this import.
Couldn't figure out what was wrong until I found your code in github and started comparing it line by line with mine.
How can we change that white splash screen from Flutter?
why you use vscode instead of Android studio
#BoringShow How about explaining bloC like i'm five. The same as dev.to
Example of setState like im five
"You want to use a pencil, its in the pencil case, inside the pencil case, there's a lot of tools inside, all of them are organized, then you took the pencil inside the pencil case, after that you call setState and all of your tools inside the pencil case will get to re-organized"
Emily Fortuna got it. The level of "abstraction" went down to "encapsulate" these terms.
*UPDATE:* Emily beat me to it and her metaphor is spot on. I went with a more direct metaphor so I'll leave mine up in case it's also helpful.
----
Ok, good challenge. Let me try.
You (UI) and your friend (Bloc) have a lemonade stand. You're in charge of drawing the notice-board with price and other info, and also with talking to customers. Your friend Bloc takes care of the lemonade, the cups, the purse, and of fetching more lemonade from the house - the business.
When a customer (user) wants to buy lemonade, you tell Bloc about it (Sink) and wait (async). At some point in the future, Bloc will hand you the cup of lemonade (Stream). At any point, he can also update you on the current state of the lemonade stand: "Hey, we are out of lemonade!", or "I'm going to fetch more lemonade.", or "I'm back." or "Let's make the price $1." It's your responsibility to update parts of the notice-board and change your own behavior accordingly (e.g. don't take orders of lemonade if you're all out of lemonade).
If you're smart, your notice-board will have easily replaceable parts (StreamBulders), like "current price: __" or "we're in business / will be right back / we're out". Otherwise you'd have to redraw the whole notice-board every time there's any change.
Yeah, at first I tried to read your reply in my notification, but you deleted it while trying to develop my own BLoC. ☹
Sorry, that was actually RUclips flagging my reply as spam, probably because I edited it 2 times after posting and it had weird (from the perspective of YT antispam algo) characters. I did not delete it, it just needed to be approved. :/
Hi team google! today i saw your remotly controlled car, to make the view for google maps. i saw you car in Dej, Romania
From last 18 hours I am just doing flutttterrrrr
Dark theme for text editor please
Need a tutorial on websockets and maybe RTC
Make similar series on AngularDart
Hi gr8 tutorial!! Is the source code for this video available?
where I can buy the flutter t-shirt ??
This video needs more stickers
*सच्चाई और अच्छाई की*
*तलाश में चाहे पुरी दुनिया*
*घूम लो*…
*अगर वह खुद में नहीं*
*तो कही भी नहीं*
what did you say at 17:46 mam?
How to do authentication with api
i can dev a game with Flutter?
I can not understand what arr they making??????lol
mumbai bans plastic bags, bottles... 31:28 what am I doing here?
♥
Flutter💕
How do i change color of my status bar icons and texts In White AppBar Of Flutter, i asked this question because while i change my AppBar Color in white then my status bar icons appears hidden why?
You need to tell the system that your app now has a bright background. The easiest way is to have a Theme on your MaterialApp and have something like: ThemeData(brightness: Brightness.light). Let me know if that works, I'm doing this from memory.
Thank you to both for replying Watch At 21:40 How Can I Visible My StatusBar Icons Like Networks,Battery etc... In Android. I found SystemUiOverlayStyle But Its Not Working In android.
Hi team, can you work on a Broadcast App?
Google You have to launch easy Wi-Fisystem for Worldwide
If this is what Google keeps doing I'm going to forget how to code complex animations and logic and end up never getting a job at Google T_T
dispose the stream controller please
Why don't you use a dark theme? It is not that painful to watch in the evening :)))
You clearly haven't watched past 12:01... My section uses a dark theme. :-)
Emily Fortuna yeah, noticed already after I wrote the comment :) sorry for that) I'm a beginner to Flutter so I can't handle the video without breaks. BTW, I love VS Code :)
This video looks less technical, and lil borin out f all videos. Still Lov ur work!!!!!!!!!
Hello, we are starting to translate the Flutter docs to Spanish, so we are hoping to help all the people that want to learn Flutter but have some problems to understand English so maybe next time u can say hello to all Spanish speakers that are pretty amazed by Flutter and say hello to the team so we can work better and harder. :D
Thanks for the #BoringShow i have been watching your videos this week and we definitely need more about animations, i will happily watch another hour about tween and animations.
Todos los que gusten colaborar con el proyecto de traducción de la documentación de Flutter es bienvenido github.com/flutter-es/website/wiki/Como-colaborar solo intégrese al equipo!
Saludos!
why call it the "Boring" show, its very informative
Glad you find it informative. We call it "boring" to set expectations. We're not there to entertain or to look like super-smart coders - we're there to show real-world development, with bugs, head scratching, long pauses to read docs, etc.
Hello
#Emily
Solo lo entiendo en Español no otra lengua
😘😘😘😘😘
Watched:29june2020
Maybe I'm very used to watch online courses with edited videos, but this video looks veryyyyyyyyyy slow like they are thinking a lot on what to say, what to do or what to type next
That's the whole point, as it's more like you'd do it yourself when learning. It's good to see them making the mistakes we also make.
👇 See last comment 1 year ago 😅
Why are you using a MacBook 🤨🤨
nathalion 123 🤣🤣
Why not 🤔
We discuss that at 28:07. Basically I am using a MacBook Air because I was traveling.
If you want to compile and test your app on iOS, you must use a Mac. So that forces our hand if we want to test both targets end-to-end.
But, to be honest, I would probably use a MacBook even without this constraint. As development devices go, it's a really solid Unix-based machine. I don't own any other Apple hardware, but with the laptop I'm happy.
Emily in the house! Big fun of your tutorials.
First
Interplying Locomotions to your NeurAl Network mApp.
::
Code/Cascade; time crystalline.
:;
As taught by the Word of Reality, of All-Seeing God, Eye in tHis human vessel.
;:
Step by step. By I, the LORD of the World who has been the Master of the Eternal Spirit many many
times over; Michael (as I AM today); Jesus; Laozi; Adam; etc.
Boring show