如何设计 Flutter 文本字段像这样答案

【问题标题】：How to design Flutter textfield Like this如何设计 Flutter 文本字段像这样
【发布时间】：2020-04-28 17:18:21
【问题描述】：

我想设计这样的颤振文本字段，谁能帮帮我。

【问题讨论】：

你尝试过什么吗？如果有的话——什么不起作用——给我们看一些代码。
是的，我试过了，但没有实现那个设计。
您需要在帖子中显示您的代码，以便其他开发人员可以看到问题并进一步帮助您

【解决方案1】：

Container(
          padding: EdgeInsets.fromLTRB(10,2,10,2),
          decoration: BoxDecoration(
             borderRadius: BorderRadius.circular(5),
             border: Border.all(color: Colors.red)
          ),
          child: TextField(

            decoration: InputDecoration(
              border: InputBorder.none,
              labelText: "First Name",
            ),
            controller: controller,
          ),
        )

【讨论】：

当我有多个文本字段并且我只关注一个文本字段时，如何显示活动文本字段边框为红色，其余部分为灰色。
您可以在点击并构建小部件树时设置选定的文本字段。然后检查选择一个并根据它设置边框。但不确定这是否是正确的做法。

【解决方案2】：

使用“labelText”在编辑字段顶部显示标签。

【讨论】：