☰

TextFieldの高さと幅を変更するにはどうすればいいですか? 質問する

tag-icon • tag-icon flutter flutter-layout textfield
TextFieldの高さと幅を変更するにはどうすればいいですか? 質問する

TextFieldと をwidthカスタマイズするにはどうすればいいですかheight?

ベストアンサー1

TextField幅を調整するには、次のようにウィジェットで囲みますSizedBox。

const SizedBox(
  width: 100.0,
  child: TextField(),
)

の高さに関しては何を求めているのかよく分かりませんTextFieldが、ウィジェットを見てみれば、および/またはをTextStyle操作できます。fontSizeheight

const SizedBox(
  width: 100.0,
  child: TextField(
    style: TextStyle(fontSize: 40.0, height: 2.0, color: Colors.black),
  ),
)

プロパティ自体のコメントにあるように、 の はフォント サイズの乗数であるheightことに留意してください。TextStyle

このテキスト範囲の高さはフォント サイズの倍数です。

[height] が null または省略されている場合、行の高さはフォントのメトリックによって直接決定されます。これは fontSize とは異なる場合があります。[height] が null 以外の場合、テキスト範囲の行の高さは [fontSize] の倍数になり、正確にfontSize * height論理ピクセルの高さになります。

最後に、decorationあなたの財産を見てみるTextFieldと、多くの可能性が広がります。

編集：内側のパディング/マージンを変更する方法TextField

とのプロパティInputDecorationを操作してみるといいでしょう。たとえば、次のようなことができます。decorationTextField

const TextField(
  decoration: InputDecoration(
    contentPadding: EdgeInsets.symmetric(vertical: 40.0),
  ),
)

おすすめ記事