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
将使您的提示出现在中心。