### 解决Flutter中TextFormField键盘未关闭且失去焦点的问题 在Flutter或Dart中使用`TextFormField`时，可能会遇到点击一个输入框后键盘未关闭，再点击另一个输入框导致键盘重新弹出且失去焦点的问题。这通常是因为`FocusNode`管理不当或者没有正确处理输入框的焦点变化[^1]。 为了有效解决此问题，可以采用以下方法： 1. **创建独立的`FocusNode`对象** 每个`TextFormField`都需要分配一个独立的`FocusNode`实例。通过这种方式，可以精确控制每个输入框的焦点状态[^2]。 ```dart late FocusNode _focusNode1; late FocusNode _focusNode2; @override void initState() { super.initState(); _focusNode1 = FocusNode(); _focusNode2 = FocusNode(); } @override void dispose() { _focusNode1.dispose(); _focusNode2.dispose(); super.dispose(); } ``` 2. **监听焦点变化并手动关闭键盘** 使用`FocusNode`的`addListener`方法监听焦点的变化。当某个输入框失去焦点时，可以调用`unfocus`方法手动关闭键盘[^3]。 ```dart _focusNode1.addListener(() { if (!_focusNode1.hasFocus) { // 手动关闭键盘 _focusNode1.unfocus(); } }); _focusNode2.addListener(() { if (!_focusNode2.hasFocus) { // 手动关闭键盘 _focusNode2.unfocus(); } }); ``` 3. **在UI中绑定`FocusNode`** 将上述定义的`FocusNode`绑定到对应的`TextFormField`中。 ```dart TextFormField( focusNode: _focusNode1, decoration: const InputDecoration(labelText: 'Input Field 1'), ), TextFormField( focusNode: _focusNode2, decoration: const InputDecoration(labelText: 'Input Field 2'), ), ``` 4. **优化用户体验：避免重复弹出键盘** 如果需要确保键盘不会在切换输入框时重复弹出，可以在`onTap`事件中添加逻辑，先关闭当前键盘再聚焦到目标输入框[^4]。 ```dart onTap: () { _focusNode1.unfocus(); // 关闭当前键盘 Future.delayed(Duration.zero, () { _focusNode2.requestFocus(); // 聚焦到下一个输入框 }); }, ``` 通过以上方法，可以有效解决`TextFormField`在切换输入框时键盘未关闭且失去焦点的问题。 ### 示例代码 ```dart import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: MyHomePage(), ); } } class MyHomePage extends StatefulWidget { @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { late FocusNode _focusNode1; late FocusNode _focusNode2; @override void initState() { super.initState(); _focusNode1 = FocusNode(); _focusNode2 = FocusNode(); _focusNode1.addListener(() { if (!_focusNode1.hasFocus) { _focusNode1.unfocus(); } }); _focusNode2.addListener(() { if (!_focusNode2.hasFocus) { _focusNode2.unfocus(); } }); } @override void dispose() { _focusNode1.dispose(); _focusNode2.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('Focus Management')), body: Padding( padding: const EdgeInsets.all(16.0), child: Column( children: [ TextFormField( focusNode: _focusNode1, decoration: const InputDecoration(labelText: 'Input Field 1'), ), TextFormField( focusNode: _focusNode2, decoration: const InputDecoration(labelText: 'Input Field 2'), ), ], ), ), ); } } ```