skip to Main Content

How to create a inner radius in the appbar in Flutter. Please check the image.

enter image description here

2

Answers


  1. That seems like a stack of widgets with a border radius in the top widget. You can use Stack() widget to achieve the UI

    You can follow:

    • Scaffold
      • Body
        • Stack
          • Widget 1
          • Widget 2
    Login or Signup to reply.
  2. you can make it by using Transform.translate in this way:

    Scaffold(
      appBar: AppBar(),
      body: Column(
        children: [
          Transform.translate(
            offset: Offset(0, -10)
            child: Card(
              shape: RoundedRectangleBorder(borderRadius: BorderRadius.circle(15))
              child: ...
            )
          )
        ]
      )
    )
    
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search