Animations (Flutter Package of the Week)

♪ [music] ♪ Flutter gives you a myriad of ways to create animations, and those animations can be customized to the level of individual frames. But sometimes, all you want is a great default transition. Some animation that looks great and natural and makes your app more beautiful and usable. You know who spends a lot of time thinking about beautiful and usable animations? The Material Design team. That team also maintains a Flutter package called <i>animations.</i> There are some subtle but cool-looking animations in this package. They'll help people understand what's going on in your app. For example, say, you want to transition from a small element on a screen to a detail page. You can use <i>OpenContainer,</i> give it <i>builders</i> and return the <i>closed</i> and <i>open</i> widgets. The <i>closed</i> widget is what this looks like before it's tapped to open up. It can be a card, or a button, or a piece of text-- any widget. The <i>open</i> widget is what the small widget will expand to. Once again, it can be any widget. You define the widgets using <i>builders,</i> which give you the <i>BuildContext</i>, but also a callback, which lets you open and close programmatically. Of course, you can customize the transition further with <i>Colors, Duration,</i> other callbacks, and so on, but even without customization, you get a nice little transition without any hassle. That's just one of the widgets that <i>package:animations</i> provides. Go have a look at <i>pub.dev</i> to see the others.

Channel: Flutter

Views: 115,835

Keywords: GDS: Yes, flutter animations, flutter transitions, animations package, app transition, material design, how to add animations with flutter, how to add transitions flutter, how to add app animations, build an app, app building, coding, widgets, create a widget, widgets for your app, coding an app, Flutter, widget of the week, google, google developers, flutter 101, get started with flutter, flutter apps, flutter widgets, build apps with flutter, Package of the Week

Id: HHzAJdlEj1c

Length: 1min 46sec (106 seconds)

Published: Thu Feb 11 2021