Animation and motion widgets
Bring animations to your app.
See more widgets in the widget catalog.
![](https://imgs.xnip.cn/cj/docimg/144/9e60ea2e-7447-49e3-b6d0-842cdb7e3078.png)
A container that gradually changes its values over a period of time.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/c13d519c-7de4-46be-8fe9-1b74ee3b5def.png)
A widget that cross-fades between two given children and animates itself between their sizes.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/6ff1b520-65f6-4ed7-b688-48b63379f95f.png)
A widget that marks its child as being a candidate for hero animations.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/91ea288d-564f-408e-a199-203502866402.png)
A general-purpose widget for building animations. AnimatedBuilder is useful for more complex widgets that wish to include an animation as part of a larger build function. To use AnimatedBuilder, simply construct the widget and pass it a builder function.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/9c9c0503-e2cc-42fe-b03e-e99796e73ae1.png)
Animated version of a DecoratedBox that animates the different properties of its Decoration.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/f6b1c607-1e9b-4449-820a-6a7fa1c49136.png)
Animates the opacity of a widget.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/6b555d87-e992-4b1b-82ec-df7c65be539b.png)
Animated version of Positioned which takes a specific Animation to transition the child's position from a start position to and end position over the lifetime of the animation.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/1d49f358-0f0e-4d7b-a478-469ce3ed3a4e.png)
Animates the rotation of a widget.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/ebfcf9b4-d74b-4d15-8ff3-2c0dbc62f1f1.png)
Animates the scale of transformed widget.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/4f5af653-386b-4b12-b60f-2116ea1e2ddb.png)
Animates its own size and clips and aligns the child.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/773a4f9a-1fb9-4b13-ab8c-3aae883944f4.png)
Animates the position of a widget relative to its normal position.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/9c2db125-a2dd-4b5f-9726-9b0d58eee72a.png)
Animated version of DefaultTextStyle which automatically transitions the default text style (the text style to apply to descendant Text widgets without explicit style) over a given duration whenever the given style changes.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/fe2e013e-1e27-447b-ab3d-1a97e682dc59.png)
The state for a scrolling container that animates items when they are inserted or removed.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/13ac9030-5159-4737-915e-9c7c5aa6ebaa.png)
A widget that prevents the user from interacting with widgets behind itself.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/e8442309-8264-4e64-ba49-048a7b6b93c4.png)
Animated version of Opacity which automatically transitions the child's opacity over a given duration whenever the given opacity changes.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/53229009-35cd-4572-8387-c8199dfffe7d.png)
Animated version of PhysicalModel.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/054d3e1a-8feb-45f3-be71-b26b43e3e253.png)
Animated version of Positioned which automatically transitions the child's position over a given duration whenever the given position changes.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/94efe096-5a63-44d6-9c43-6b25390f752b.png)
Animated widget that automatically transitions its size over a given duration whenever the given child's size changes.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/1a4854c8-21e4-4674-90ae-38759a787859.png)
A widget that rebuilds when the given Listenable changes value.
Documentation![](https://imgs.xnip.cn/cj/docimg/144/c695484e-61e3-4120-8910-994086dd6bb5.png)
A base class for widgets with implicit animations.
DocumentationSee more widgets in the widget catalog.