Flutter 如何设计这样的颤振文本场

我想设计这样的颤振文本字段，任何人都可以帮助我

---

使用“labelText”在editfield顶部显示标签。

您尝试过什么吗？如果是-什么不起作用-向我们显示一些代码。是的，我尝试过，但没有达到那种设计。您需要在帖子中显示您的代码，以便其他开发人员可以看到问题，并在我有多个文本字段且只关注一个文本字段时进一步帮助您文本字段，然后如何将活动文本字段边框显示为红色，其余部分显示为灰色。点击并构建窗口小部件树时，您可以设置选定的文本字段。然后选中“选择一个”并基于此设置边框。但不确定这样做是否正确。

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