How to make rounded TextField in flutter

Question

Hi Guys,

I have created a TextField in my Flutter App. I want to make its border circular. How can I do that?

Answer 1

Hi@akhtar,

You can use decoration inside your TextField. This has some parameters to control the TextField. In this field, you can set the border. Like to make a circular border you can use borderRadius keyword as shown below.

decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(20),
                                color: Colors.lightGreen,
                              ),

To know more, join our Flutter Course today.