flutter - 在 Flutter 中更改 TextField 的下划线

我正在使用 Flutter SDK 开发一个应用程序。当我使用 TextField小部件,我聚焦它,下划线变成蓝色。我需要把这个颜色改成红色,怎么办?

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

最佳答案

您还可以通过以下方式更改其颜色。

  1. 将您的 TextField 包装在 Theme 中并提供 accentColor

    Theme(
      data: Theme.of(context).copyWith(accentColor: Colors.red),
      child: TextField(),
    )
    
  2. 使用 inputDecoration 属性。

    TextField(
      decoration: InputDecoration(
        focusedBorder: UnderlineInputBorder(
          borderSide: BorderSide(color: Colors.red),
        ),
      ),
    )
    

https://stackoverflow.com/questions/48706884/

相关文章:

android - 使用 Flutter 的 Android Studio 中不显示设备列表

flutter - 在 Flutter 中显示用户友好的错误页面而不是异常

dart - 带有快速拨号的 flutter float Action 按钮

dart - 如何检测 Flutter 中布局的方向变化?

dart - 如何在 Flutter 中隐藏 TextField 底部的字母计数器

flutter - 点击 AppBar 打开抽屉

flutter - 垂直视口(viewport)被赋予了无限的高度

flutter - 如何从 Flutter 应用程序调用电话

dart - 如何为 qa/dev/prod 构建不同版本的 Flutter 应用程序?

flutter - 如何在 Flutter 中创建 GridView 布局