modifying border around phone number.

[colinbes]

In order to keep consistency with other items on my form I want to have the phone number entry look the same as other entries and I either need to change the rounded corner border (around phone number) to an underline or preferable have no border at all.
Documentation is a little sparse and I have been messing around with inputDecoration, searchBoxDecoration and inputBorder to no avail.

Short of digging into source code I don't how to remove the border, advise on each of these decorations. borders will be a huge help

[colinbes]

So I managed to get rid of the border around the phone number - see inputDecoration snippet below.

Now I would like to encapsulate the country flag, code and phone number in a box with rounded corners with floating label same as for TextFormField. I can wrap InternationalPhoneNumberInput in a decorated box and stack floating label but this seems to be a lot more work.

Any suggestions on whether this can be done with stock InternationalPhoneNumberInput widget. The readme page does state highly customizable with same images but no code to give an idea.

I am aiming to have phone number look and behave the same as a textformfield shown on right hand side of InternationalPhoneNumberInput.

 inputDecoration: const InputDecoration(
              isDense: true,


              border: InputBorder.none,
              enabledBorder: InputBorder.none,
              focusedBorder: InputBorder.none,
              errorBorder: InputBorder.none,
              hintText: 'Phone Number',
              // contentPadding: EdgeInsets.only(left: -25, bottom: 15),
            ),