[Flutter]TextFormFieldにエンターキーを押した時の処理を設定するには？

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

TextFormFieldでキーボードのエンターキーを押した時の処理を設定する方法を紹介します。

方法

TextFormFieldにエンターキーを押した時の処理を設定するには、引数「onFieldSubmitted」を使います。

具体的には、引数「onFieldSubmitted」にエンターキーを押した時に呼び出す関数を指定します。

TextFormField(
  onFieldSubmitted: (String? value) {
    //エンターキーを押した時の処理
  },
),

使用例

以下は、使用例です。

TextFormField(
  onFieldSubmitted: (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