[Flutter]TextFormFieldをRowウェジェットで使うには?

Flutter

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

TextFormFieldをRowウェジェットで使う方法を紹介します。

スポンサーリンク

方法

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

TextFormFieldをRowウェジェットで使うには、Expandedを使います。

具体的には、TextFormFieldをExpandedでラップします。

Row(
  children: [
    Expanded(
      child: TextFormField),
    ),
  ],
),

これでTextFormFieldをRowウェジェットで使うことが出来ます。

Expandedでなくても、横幅を指定したSizedBoxもしくはContainerでラップすることで使うことが出来ます。

コメント

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