[Flutter]TextFormFieldのテキストが変更された時の処理を設定するには？

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

TextFormFieldのテキストが変更された時の処理を設定する方法を紹介します。

方法

TextFormFieldのテキストが変更された時の処理を設定するには、引数「onChanged」を使います。

具体的には、TextFormFieldの引数「onChanged」にテキストが変更された時に呼び出す関数を指定します。

TextFormField(
  onChanged: (String? value) {
    //テキストが変更された時の処理
  },
),

使用例

以下は、使用例です。

TextFormField(
  onChanged: (String? value) {
    _editingController.text = value!.toUpperCase();
  },
  controller: _editingController,
  decoration: InputDecoration(
    border: OutlineInputBorder(),
  ),
),

[Flutter]TextFormFieldのキーボードをメールアドレス用にするには？

TextFormFieldのキーボードをメールアドレス用にする方法を紹介します。

www.choge-blog.com

2021.12.07

[Flutter]TextFormFieldの下線の色を設定するには？

TextFormFieldの下線の色を設定する方法を紹介します。

www.choge-blog.com

2021.12.07

[Flutter]TextFormFieldの入力欄とエラーメッセージの間隔を変えるには？

TextFormFieldの入力する欄とエラーメッセージの間にある余白を変える方法を紹介します。

www.choge-blog.com

2021.12.07

[Flutter]TextFormFieldのエラーメッセージを削除するには？

TextFormFieldのエラーメッセージを表示しないようにする方法を紹介します。

www.choge-blog.com

2021.12.07