How to change the Border Shape of InkWell widget?

Mar 26, 2021 . 1 min Muhammed Mukhthar CM Cover Image

In the post about Creating Custom Buttons, we found about the InkWell widget. Now that we are creating Custom Buttons, we have a problem. The default splash of the InkWell widget is almost rectangle type. What if we need our shape of splash to have a border-radius?

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.

I think this post gave you a piece of valuable information. Let me know your suggestions and opinions in Twitter or drop a mail a [email protected].

Finally, if you found this helpful, please share this within your reach so that more people can benefit from this. And Follow me on Twitter for getting more posts like these 😉.