在Flutter中更改TextField的下划线

Question

我正在使用Flutter SDK开发应用程序。当我使用一个TextField小部件，而我关注它，下划线变成蓝色。我需要这种颜色变为红色，我该怎么办呢？

我需要更改的屏幕截图。我只想更改下划线，而不要更改标签颜色。

Answer 1

尽管这些其他答案可能会以某种方式起作用，但您绝对不应使用它。这不是在Flutter中获得自定义主题的正确方法。

一个更优雅的解决方案如下：

final theme = Theme.of(context);

return new Theme(
  data: theme.copyWith(primaryColor: Colors.red),
  child: new TextField(
    decoration: new InputDecoration(
      labelText: "Hello",
      labelStyle: theme.textTheme.caption.copyWith(color: theme.primaryColor),
    ),
  ),
);

同时，如果你只是想显示错误（红色），使用errorText的InputDecoration替代。它将自动将颜色设置为红色。