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

Flutter

2021.12.10

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

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

スポンサーリンク

方法

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

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

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

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

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

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

[Flutter]入力中のTextFormFieldの枠線の色を設定するには？

入力中のTextFormFieldの枠線の色を設定する方法を紹介します。

[Flutter]TextFormFieldのフォーカスが外れた時に処理をするには？

TextFormFieldのフォーカスが外れた時に処理をする方法を紹介します。

[Flutter]TextFormFieldのフォーカスを外すには？

TextFormFieldのフォーカスをボタンなどを使って外す方法を紹介します。

[Flutter]TextFormFieldにプレースホルダーを表示するには？

TextFormFieldにプレースホルダーを表示する方法を紹介します。

コメント

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