TextFieldでフォーカスが外れたときの処理を書きたい

TextFieldで何も入力せずに、かつEnterも押下せずに別の場所をTapする等してフォーカスが外れたときの処理を記述したいのですが、onChanged, onSubmittedでは表現できず、困っています。
具体的には、

1.OnTapでTextFieldの値をclear（onTapで実装済）
2-a. TextFieldに何も入力せずにフォーカスを外す→clear前の文字列を表示
2-b. TextFieldに何か入力してからフォーカスを外す→入力値を表示（onChangedで実装済）

2-aを実装したいです。
ご回答宜しくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

FocusNodeのaddListenerメソッドでフォーカスが変化した時の処理を記述できます。

dart
1import 'package:flutter/material.dart';
2
3void main() => runApp(MyApp());
4
5class MyApp extends StatelessWidget {
6  static const String _title = 'Focus';
7
8  @override
9  Widget build(BuildContext context) {
10    return MaterialApp(
11      title: _title,
12      home: Scaffold(
13        appBar: AppBar(title: const Text(_title)),
14        body: FocusWidget(),
15      ),
16    );
17  }
18}
19
20class FocusWidget extends StatefulWidget {
21  @override
22  _FocusWidgetState createState() => _FocusWidgetState();
23}
24
25class _FocusWidgetState extends State<FocusWidget> {
26  final _focusNode = FocusNode();
27
28  @override
29  void initState() {
30    super.initState();
31    _focusNode.addListener(() {
32      if (_focusNode.hasFocus) {
33        print('フォーカスした');
34      } else {
35        print('フォーカスが外れた');
36      }
37    });
38  }
39
40  @override
41  void dispose() {
42    _focusNode.dispose();
43    super.dispose();
44  }
45
46  @override
47  Widget build(BuildContext context) {
48    return Column(
49      children: [
50        TextField(focusNode: _focusNode),
51        TextField(),
52      ],
53    );
54  }
55}