How to give bottom border radius only in flexiblespace of SliverAppBar in flutter?

307 views Asked by At

I want to have a sliverAppBar with a rounded bottom border like this.

enter image description here

But it shouldn't be rounded when collapsed. Like this.

enter image description here

I tried a lot of solutions, but couldn't find anything.

SliverAppBar(
      leading: BackButton(color: Colors.black),
      pinned: true,
      snap: false,
      floating: false,
      expandedHeight: 250,
      backgroundColor: Color(0xffEBEBEB),
      flexibleSpace: FlexibleSpaceBar(
          centerTitle: true,
          title: Text("Collapsing Toolbar",
              style: TextStyle(
                color: Colors.red,               
                fontSize: 16.0,
              )),
         
          background: FlutterLogo()),
    ),
   
    SliverList(...)

Thanks in advance.

0

There are 0 answers