I have a PopupMenuButton inside a FloatingActionButton. But it's InkWell is not rounded, it is standard square shape. How can I achieve that?
You can use borderRadius property of InkWell to get a rounded Ink Splash. Save this answer.
To change the border of our splash to have a border-radius, we can the customBorder property of the InkWell widget. InkWell( customBorder: RoundedRectangleBorder( borderRadius: BorderRadius. circular(10), ), child: YourWidget(), ), The above code will control the flow of Splash to have a radius of 10 at all corners.
You should make it the parent. return Padding( padding:EdgeInsets. only(right:20), child:InkWell( // splashColor: Colors. orange, onTap: () { ProductModel.
they both make a splash but InkWell is for rectangular shapes only while InkResponse can be clipped.
Use customBorder
property of InkWell
:
InkWell(
customBorder: CircleBorder(),
onTap: () {}
child: ...
)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With