Skip to content
masterclass Buddy

Flutter & Dart · Component

Hero

Hero marks a widget subtree for animation between matching widgets on two routes. It is commonly used to move a shared visual element during Navigator push or pop transitions.

Last updated

Syntax

const Hero({Key? key, required Object tag, required Widget child, CreateRectTween? createRectTween, HeroFlightShuttleBuilder? flightShuttleBuilder, HeroPlaceholderBuilder? placeholderBuilder, bool transitionOnUserGestures = false, Curve curve = Curves.fastOutSlowIn, Curve? reverseCurve})

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

Subscribe
  • HeroController
  • HeroFlightShuttleBuilder
  • HeroPlaceholderBuilder
  • CreateRectTween
  • PageRoute
  • Navigator
  • Overlay

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