How to remove "underline" from TextBox

[BestClaws]

I would like to remove the underline that the textbox has, I tried adding/removing borders, but the underline doesn't appear to be a border, as adding a border only wraps around it.

[bdlukaa]

You can provide the foregroundDecoration property to make updates to the foreground of the text box. By default, it handles the foreground when focused, disabled or enabled

[thegioiso]

@bdlukaa can i change this underline color when it enabled? It only has highlightColor in AutoSuggestBox widget. My bad, I dont know how to custom it in foregroundDecoration...

[robkri]

You can provide the foregroundDecoration property to make updates to the foreground of the text box. By default, it handles the foreground when focused, disabled or enabled
#626 (comment)

As I was curious how this works, I tried it and came up with this:

TextBox(
  foregroundDecoration: BoxDecoration(
    border: Border(
      bottom: BorderSide.none,
    ),
  ),
)

[robkri]

can i change this underline color when it enabled? It only has highlightColor in AutoSuggestBox widget. My bad, I dont know how to custom it in foregroundDecoration...

If you want to change the color the AutoSuggestBox has when selected, you have to use highlightColor. If you want to change the color of the underline when not selected, you're right: There seems to be no matching property. TextBox has highlightColor as well as unfocusedColor, whereas AutoSuggestBox only has highlightColor.