Flutter中如何监听TextField失去焦点？

在Flutter中，可以使用FocusNode来监听TextField的焦点事件，包括获取焦点和失去焦点事件。

首先，创建一个FocusNode对象：

FocusNode _focusNode = FocusNode();

然后，将FocusNode对象与TextField关联起来：

TextField(
  focusNode: _focusNode,
  // 其他属性...
)

接下来，可以使用_focusNode的addListener方法来监听焦点事件：

_focusNode.addListener(() {
  if (!_focusNode.hasFocus) {
    // 失去焦点事件处理逻辑
  }
});

在上面的代码中，当TextField失去焦点时，_focusNode.hasFocus将返回false，进而触发失去焦点事件的处理逻辑。

完整示例代码如下：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('TextField Focus Example'),
        ),
        body: Center(
          child: TextFieldFocusDemo(),
        ),
      ),
    );
  }
}

class TextFieldFocusDemo extends StatefulWidget {
  @override
  _TextFieldFocusDemoState createState() => _TextFieldFocusDemoState();
}

class _TextFieldFocusDemoState extends State<TextFieldFocusDemo> {
  FocusNode _focusNode = FocusNode();

  @override
  void initState() {
    super.initState();

    _focusNode.addListener(() {
      if (!_focusNode.hasFocus) {
        // 失去焦点事件处理逻辑
        print('TextField lost focus');
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        TextField(
          focusNode: _focusNode,
          decoration: InputDecoration(
            hintText: 'Enter some text',
          ),
        ),
      ],
    );
  }
}

在上面的示例中，当TextField失去焦点时，会在控制台打印"TextField lost focus"。你可以根据实际需求，修改失去焦点事件的处理逻辑