textField divider color

[Michael Tawiah Sowah]

how do i change the divider color for textfield

[Chris Bracken]

Hi Michael,

The TL;DR is something like:

new Theme(

  data: Theme.of(context).copyWith(primaryColor: foo, accentColor: bar),

  child: new TextField(...),

)

The line is coming from the InputDecoration associated with the TextField (the 'decoration' property). The InputDecoration provided by the framework uses Colors.black in its inactive state and a computed active color based on your theme's primaryColor (for light themes) or accentColor (for dark themes) when the textfield is focused.

Cheers,

Chris

On Fri, 15 Sep 2017 at 16:39 Michael Tawiah Sowah <michael...@gmail.com> wrote:

how do i change the divider color for textfield

--
You received this message because you are subscribed to the Google Groups "Flutter Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Michael Tawiah Sowah]

Hi Chris,

Thanks, but can I change the  inactive state of the line as well?

[Chris Bracken]

> Thanks, but can I change the  inactive state of the line as well?

Yep! What you're after is ThemeData.hintColor.

[Michael Tawiah Sowah]

Chris ThemeData.hintColor. changes the hint text color not the line under the textfield, I want to be able to change that lines color

[Collin Jackson]

Here is a TextField with a red hintColor and a green primaryColor. Both the labelText and the indicator line are red for the inactive field.

​

To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev+unsubscribe@googlegroups.com.

[Michael Tawiah Sowah]

Thanks Collin, will check why my was not working to see what I did wrong