Flutter stepper inside appbar

Issue

Can I use an horizontal stepper widget inside the appbar? If not, how can I "override" the appbar and customize it to do what I want to do?
(I just need 3 steps)
Thanks!

Solution

Just use the attribute bottom of the AppBar. The stepper needs to be wrapped by a PreferredSize Widget.

AppBar(
  bottom: PreferredSize(
    preferredSize: const Size.fromHeight(110.0),
    child: Stepper(),
  ),
  actions: [],
)

It works for me.

Answered By – Lucas Patiño

Answer Checked By – Cary Denson (FlutterFixes Admin)