[Flutter]TextFormFieldをタップした時にDatePickerを表示するには？

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

TextFormFieldをタップした時にDatePickerを表示する方法を紹介します。

方法

TextFormFieldをタップした時にDatePickerを表示するには、引数「onTap」を使います。

具体的には、TextFormFieldの引数「onTap」の関数内で、showDatePicker関数を呼び出します。

TextFormField(
  onTap: () {
    final date = showDatePicker(・・・);
  },
),

これでTextFormFieldがタップされた時にDatePickerを表示することが出来ます。

TextFormField(
  onTap: () {
    FocusScope.of(context).requestFocus(new FocusNode());
    final date = showDatePicker(・・・);
  },
),

使用例

以下は、使用例です。

TextFormField(
  onTap: () {
    FocusScope.of(context).requestFocus(new FocusNode());
    final date = showDatePicker(
      context: context,
      initialDate: DateTime.now(),
      firstDate: DateTime(DateTime.now().year - 1),
      lastDate: DateTime(DateTime.now().year + 1),
    );
  },
),

[Flutter]TextFormFieldの最大行数を設定するには？

TextFormFieldの最大行数を設定する方法を紹介します。

www.choge-blog.com

2021.12.13

[Flutter]TextFormFieldのカーソルの色を設定するには？

TextFormFieldのカーソルの色を設定する方法を紹介します。

www.choge-blog.com

2021.12.11

[Flutter]TextFormFieldのバリデーションエラーテキストのサイズを設定するには？

TextFormFieldがバリデーションエラーを起こした時に表示されるテキストのサイズを設定する方法を紹介します。

www.choge-blog.com

2021.12.10

[Flutter]TextFormFieldのカーソルの高さを設定するには？

TextFormFieldのカーソルの高さを設定する方法を紹介します。

www.choge-blog.com

2021.12.10