How to change the Border Shape of InkWell widget?
![How to change the Border Shape of InkWell widget?](/_astro/change-bordershape-inkwell.D61BE9L3.png)
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 😉.