Flutter 如何将文本框提示分层到下面的模拟中那样的颤振文本书中？

我正在为我正在开发的Flitter移动应用程序开发入职屏幕，我想让我的文本框看起来像下面的模拟：

我已经创建了大部分文本框，但我不知道如何在框中输入文本时将提示移动到文本框顶部。到目前为止，我有下面的表述，有人知道我是如何做到的吗？

---

如果我正确理解你的问题。您需要的是使用

floatingLabelBehavior:floatingLabelBehavior.auto

范例

    TextField(
              decoration: InputDecoration(
              labelText: "Username *",
              floatingLabelBehavior: FloatingLabelBehavior.auto,
              border: OutlineInputBorder(
                borderRadius: BorderRadius.all(Radius.circular(8.0))
                ),
            )
          )

    

---

你可以通过

Container(
  margin: EdgeInsets.all(20),
  child: TextField(
    decoration: InputDecoration(
      border: OutlineInputBorder(),
      labelText: 'Full Name',
    ),
  ),
),

样本：

---

请包括一些样本代码@Earl Potts