[Flutter]　TextFieldウェジェットの高さを変えるには？

どうも、ちょげ(@chogetarou)です。

TextFieldウェジェットに高さを設定する方法を解説します。

方法

TextFieldウェジェットには「高さ」を変更するための引数がありません。

なので、「InputDecoration」の「contentPadding」を使います。

TextField(
        decoration: InputDecoration(
            contentPadding: EdgeInsets.all(30), 
　　　　　　　　　　　border: OutlineInputBorder()
　　　　　　　　),
 )

「contentPadding」は、テキストと枠線の間の余白を設定する引数です。

この部分に、「EdgeInsets.~」(~は、allやsymmetricなど)を指定することで、間接的に高さを設定することになります。

InputDecorationを使う以外にも、「SizedBoxウェジット」や「maxLine引数」を使う方法があります。

How to change TextField's height and width?

How to customise TextField's width and height?

stackoverflow.com

まとめ

TextFieldウェジェットで高さを設定するには、InputDecorationのcontentPadding引数を使います。

その他にも、SizedBoxウェジェットやmaxLine引数を使う方法があります。

How to change TextField's height and width?

How to customise TextField's width and height?

stackoverflow.com