小编典典

在Flutter中更改TextField的下划线

Flutte

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

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


阅读 2280

收藏
2020-08-30

共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替代。它将自动将颜色设置为红色。

2020-08-30