Flutter 如何在文本字段上方显示提示文本

我试图在文本字段的顶部显示HintText。我尝试过使用Labeltext，但我无法让它做到这一点。这是我的代码：

@override
Widget build(BuildContext context) {
return TextFormField(
  keyboardType: textInputType,
  controller: controller,
  obscureText: obscureText,
  autocorrect: false,
  autofocus: autofocus,
  textAlign: TextAlign.center,
  cursorColor: BPColor.black,
  style: TextStyle(
    color: textColor,
    fontSize: 16,
  ),
  decoration: InputDecoration(
    hintText: hintText,
    fillColor: color,
    filled: true,
    hintStyle: TextStyle(color: textColor),
    contentPadding: EdgeInsets.all(10),
    enabledBorder: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.white),
      borderRadius: BorderRadius.circular(0),
    ),
    focusedBorder: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.white),
      borderRadius: BorderRadius.circular(0),
    ),
    errorBorder: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.white),
      borderRadius: BorderRadius.circular(0),
    ),
    disabledBorder: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.white),
      borderRadius: BorderRadius.circular(0),
    ),
  ),
);
}

这是我的文本字段代码的输出：

我需要在文本框外显示电子邮件提示。有没有办法做到这一点？还是必须在文本字段之外创建标签

添加LabelText时：

它显示如下：

---

不显示右侧。

此处缺少labelText，这就是为什么您在上方未找到此文本的原因

labelText: "Email address"

---

将此标签文本添加到输入装饰下

这有什么问题：

TextFormField(
装饰：输入装饰（labelText:“您的提示”），
)

在文本字段外放置标签时，您可以使用

列

，将

文本

和

文本字段

作为小部件放在那里。请使用以下代码作为参考

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text('blahf blahh'),
        TextFormField(
          keyboardType: textInputType,
          controller: controller,
          obscureText: obscureText,
          autocorrect: false,
          autofocus: autofocus,
          textAlign: TextAlign.center,
          cursorColor: BPColor.black,
          style: TextStyle(
            color: textColor,
            fontSize: 16,
          ),
          decoration: InputDecoration(
            hintText: hintText,
            fillColor: color,
            filled: true,
            hintStyle: TextStyle(color: textColor),
            contentPadding: EdgeInsets.all(10),
            enabledBorder: OutlineInputBorder(
              borderSide: BorderSide(color: Colors.white),
              borderRadius: BorderRadius.circular(0),
            ),
            focusedBorder: OutlineInputBorder(
              borderSide: BorderSide(color: Colors.white),
              borderRadius: BorderRadius.circular(0),
            ),
            errorBorder: OutlineInputBorder(
              borderSide: BorderSide(color: Colors.white),
              borderRadius: BorderRadius.circular(0),
            ),
            disabledBorder: OutlineInputBorder(
              borderSide: BorderSide(color: Colors.white),
              borderRadius: BorderRadius.circular(0),
            ),
          ),
        )
      ],
    );
  }

---

是的。这表明我更新了我的问题并发布了结果。请看一看。@Moses Remove

textAlign:textAlign.center

和

hintText

仍不能完全显示在文本字段顶部。就在路上edges@Moses它将显示在边缘（不在

文本字段

之外）。如果你想把它完全放在外面，你就必须使用

列

。这表明我更新了我的问题并发布了结果。请看一看。