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

Flutter

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

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

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

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

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

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

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

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

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

スポンサーリンク

まとめ

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

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

コメント

タイトルとURLをコピーしました