How to create android 12 pill shape app bar in flutter?

Question

I was wandering if its a way in flutter to include an app bar like the one in android 12 Google apps (like: Play store, messages, phone etc).

Answer 1

It is just a combination of widgets with some decorations

wireframe would be

• Container with decorations
  • Row
    • Expanded Textfield with suffix and prefix
    • SizedBox with some width
    • Icon button

Create a widget following those and should be able to create that