Flutter TextField 在顶部对齐文本

Question

我有一个像这样的 TextField：

我希望提示和文本在顶部对齐，而不是在中心。

我试过了，textAlign: TextAlign.start但这只是为了水平对齐。

TextField(
  textAlign: TextAlign.start,
  expands: true,
  maxLines: null,
  decoration: InputDecoration(
      border: OutlineInputBorder(
        borderRadius: BorderRadius.circular(3),
      ),
      hintText: 'Enter Unicode text'),
),

怎么让文字跳到最上面？

我找到了答案，所以我将其添加为自我回答问答。

Answer 1

要将 TextField 内的文本与顶部对齐，请使用

textAlignVertical: TextAlignVertical.top

这会给你你想要的：

TextField(
  textAlignVertical: TextAlignVertical.top,
  expands: true,
  maxLines: null,
  decoration: InputDecoration(
      border: OutlineInputBorder(
        borderRadius: BorderRadius.circular(3),
      ),
      hintText: 'Enter Unicode text'),
)

Answer 2

添加alignLabelWithHint: true,

TextFormField(
  maxLines: 10,
  minLines: 5,
  decoration: InputDecoration(
      border: OutlineInputBorder(
        borderRadius: BorderRadius.circular(3),
      ),
      hintText: 'Enter Unicode text'),
      alignLabelWithHint: true,
)