TextField 标签边框位置

Question

我正在制作一个包含多个文本字段的表单。我需要在显示的每个字段上方都有一个标签。我不想在字段中单击以显示每个字段上方的文本。他们需要被修复。

使用标签文本，标签仅在用户点击字段时显示，我需要修复它。

我试过：

static TextField user_name() {
            return TextField(
                maxLines: 2,
                decoration: InputDecoration(
                  labelText: 'Full Name',
                  border: OutlineInputBorder(),          
                ));
}

但仅在用户单击该字段时显示“全名”。

Answer 1

你可以TextFormFied像这样使用：

TextFormField(
  decoration: InputDecoration(
    floatingLabelBehavior:FloatingLabelBehavior.always,
  ),
);

Answer 2

 static TextField user_name(){
    return TextField(
        maxLines: 2,
        decoration: InputDecoration(
        // lableText:"Full name",
          hintText:'Full name',

          border: OutlineInputBorder(),

        ));
  }

您可以通过提示文本得到答案。