Skip to content
masterclass Buddy
Start learning

Flutter & Dart · Component

AnimatedContainer

AnimatedContainer smoothly changes supported Container properties when their values change. It uses a required duration and optional curve for the transition.

Last updated

Syntax

AnimatedContainer({
  Key? key,
  AlignmentGeometry? alignment,
  EdgeInsetsGeometry? padding,
  Color? color,
  Decoration? decoration,
  Decoration? foregroundDecoration,
  double? width,
  double? height,
  BoxConstraints? constraints,
  EdgeInsetsGeometry? margin,
  Matrix4? transform,
  AlignmentGeometry? transformAlignment,
  Widget? child,
  Clip clipBehavior = Clip.none,
  Curve curve = Curves.linear,
  required Duration duration,
  VoidCallback? onEnd,
})

In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.

Subscribe
  • AnimatedPadding
  • AnimatedPositioned
  • AnimatedAlign
  • AnimatedSwitcher
  • AnimatedCrossFade
  • DecoratedBoxTransition
  • AnimationController

Source: AnimatedContainer class - widgets library - Dart API. Checked 2026-11-03.