如何在 TextField 中垂直居中不同大小的提示文本?

Mar*_*ary 8 dart flutter flutter-layout

我有一个TextField这样的,输入文本和提示文本的大小不同。

TextField(
    style: Theme.of(context).textTheme.subhead.copyWith(
      fontSize: 70.0,
    ),
    decoration: InputDecoration(
      hintText: 'Enter a number',
      hideDivider: true,
      hintStyle: TextStyle(
        color: Colors.grey[500],
        fontSize: 25.0,
      ),
    ),
);
Run Code Online (Sandbox Code Playgroud)

虽然用户输入文本在我的父容器中居中,但提示文本不是(顶部比底部有更多空间)。有没有办法垂直居中提示文本?

提示文本与输入文本大小不同的原因是它比绿色容器占用更多空间,因此看起来像Enter a nu...,这不是很用户友好。(或者,有没有办法在hintText中有换行符?)

提示文本较小,以便我可以将其全部放入小部件中

输入文本居中

小智 5

我发现这个问题已经有 2 年多了,但如果其他人遇到这个问题:

InputDecoration 具有 contentPadding 属性。

TextField(
  decoration: InputDecoration(
    hintText: 'Hint Text',
    contentPadding: EdgeInsets.all(10.0),
  ),
);
Run Code Online (Sandbox Code Playgroud)


Arn*_*rge -1

new TextField(
  decoration: new InputDecoration(
    hintText: 'your hint',
  ),
  textAlign: TextAlign.center,
)
Run Code Online (Sandbox Code Playgroud)

textAlign: TextAlign.center将使您的提示出现在中心。