在 flutter 中更改 UnderlineInputBorder 属性

Question

我有一个 TextField()，我想更改下划线输入 边框颜色 和粗细因为它看起来到厚度。我已经尝试用我的水平来改变它，但它根本不起作用。

我已经点击了这些链接，但没有任何效果：

目前试过的是：

代码：

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

这里唯一起作用或改变颜色的是 focussedBorder 和 enabledBorder。我不想要这个，所以我期待在这里得到一些好的建议。

它没有改变任何东西。 我想要的是：

到目前为止，无论我对设计所做的更改如何，我得到的都是这个：

Answer 1

您可以更改下划线输入 border color 和 thickness 使用 enabledBorder 和 focusedBorder 属性。

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'
  )
)

在 flutter 中更改 UnderlineInputBorder 属性

To change the UnderlineInputBorder properties in flutter

uitextfield

flutter