Flutter TextField 提示文本对齐

Posted 2023-02-23

【中文标题】Flutter TextField 提示文本对齐

【英文标题】：Flutter TextField hintText align

【发布时间】：2019-02-19 01:19:52

【问题描述】：

如何将hintText 与TextField 的顶部对齐？

TextField (
    decoration: InputDecoration(
        hintText: 'align me to the top',
    ),
),

textAlign 根本不会影响 hintText。 TextStyle 没有 Align 属性，因为可以使用 hintStyle。

【参考方案1】：

TextField (
textAlign: TextAlign.center,
    decoration: InputDecoration(
        hintText: 'align me to the top',
    ),
),

【参考方案2】：

如果不这样做，您可能必须使用您想要的图像进行更新，但我认为它可能就像使用 labelText 而不是 hintText 一样简单。

这是您可以添加的各种文本的位置：

这是标签在没有提示、没有选择输入、没有文本时的样子：

这就是标签在有文本或被选中时的样子。