2017-11-16 282 views
0

私はこのようなTextFieldを持っています。ここでは、入力テキストとヒントテキストのサイズが異なっています。異なるサイズのhintTextをFlutter TextFieldに垂直に配置するにはどうすればよいですか?

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

ユーザー入力テキストは親コンテナの中央に表示されますが、hintTextは表示されません(上部には下部よりもスペースが多くなります)。ヒントテキストを垂直方向に中央に配置する方法はありますか? ヒントテキストが入力テキストと同じサイズでない理由は、緑色のコンテナよりも多くのスペースを占めるため、ユーザーフレンドリーではないEnter a nu...のように見えます。 (だから、その代わりに、hintTextで改行を持ってする方法はありますか?)

Hint text is smaller so that I can fit it all in the widget

Input text is centered

+0

TextField全体が既にウィジェットとしてセンタリングされていますが、ヒントテキストだけを変更する方法はないと思いますが、あなたのウィジェットはすでに達成しようとしているものですか? – aziza

+0

入力テキストを含むウィジェットは中央揃えですが、それに付随する小さなサイズのhintTextは中央揃えされません。私はより良い画像の例で私の質問を更新しました。私はhintTextの '数値を入力して、垂直方向にセンタリングします。 – Mary

答えて

0
new TextField(
    decoration: new InputDecoration(
    hintText: 'your hint', 
), 
    textAlign: TextAlign.center, 
) 

textAlign: TextAlign.centerあなたのヒントが中央に表示されるようになります。

+0

高さについて話す – aziza

+0

ええ、私は明確にすべきでした - 私は垂直センタリングについて話しています。水平センタリングではありません。私は私の質問を更新しました。 – Mary

関連する問題