边框仅在 Flutter TextField 的左上角答案

【问题标题】：Border only left top on Flutter TextField边框仅在 Flutter TextField 的左上角
【发布时间】：2021-06-30 10:05:14
【问题描述】：

我想知道是否可以仅在 Flutter TextField 的特定边上设置边框。在这种特殊情况下，我只需要顶部和左侧，但一般想知道这是否可能，谢谢。

【问题讨论】：

标签： flutter flutter-layout border textfield

【解决方案1】：

你可以用 Container 包裹 TextField 小部件并给出边框：

Container(
 decoration: BoxDecoration(
 color: Colors.white,
 border: Border(
  top: BorderSide(color: Colors.red),
  left: BorderSide(color: Colors.red),
  ),
 ),
 child: TextFormField(
  decoration: InputDecoration(
   labelText: 'Email',
   border: InputBorder.none,
  ),
 ),
),

结果：

【讨论】：

【解决方案2】：

是的，当然可以，试试这个（或查看我为它制作的 DartPad：https://dartpad.dev/1a28bdd9203250d3226cc25d512579ec?null_safety=true）：

Padding(
        padding: const EdgeInsets.all(8.0),
        child: Container(
          padding: EdgeInsets.all(8.0),
          decoration: BoxDecoration(
            border: Border(
              top: BorderSide(width: 4.0, color: Colors.lightBlue.shade900),
              left: BorderSide(width: 4.0, color: Colors.lightBlue.shade900),
            ),
          ),
          child: TextField(),
        ),
      ),

【讨论】：

所以它不能从 TextField boders 中完成，它具有不同的启用、禁用和错误属性？需要装在容器里吗？
不，不是来自 TextField 边框。