在flutter中更改UnderlineInput边界属性

Question

我有一个TextField（），我想更改下划线输入边框的颜色和厚度，因为它看起来像厚度。我试着改变我的水平，但它根本不起作用。

我已经按照这些链接，但没有为我工作：

• 在颤振中输入装饰类
• 颤振输入边界类
• 更改textfield下划线颜色的步骤

到目前为止，已审理的案件有：

代码：

decoration: InputDeocration(
   border: UnderlineInputBorder(
     borderSide: new BorderSide(
        color: Color.fromRGBO(173, 179, 191, 1),
        width: 0.5,
        style: BorderStyle.none
     )
   )
)

这里唯一能起作用或改变颜色的是焦点边界和enabled边界。我不想这样，所以我期待着在这里得到一些好的建议。

这不会改变任何事情。我想要的是：

到目前为止，无论我对设计做了什么更改，每次都会得到这样的结果：

Answer 1

您可以使用enabledBorder和FocuseBorder属性更改下划线输入的边框颜色和厚度。

TextField(
 decoration: InputDecoration(
    enabledBorder: UnderlineInputBorder(borderSide: BorderSide(color: Colors.red,width: 2.0)),
    focusedBorder: UnderlineInputBorder(borderSide: BorderSide(color: Colors.teal,width: 5.0)),
    labelText: 'Your Email or Phone'
  )
)