flutter - 如何关闭屏幕键盘？

Question

我正在使用 TextFormField 收集用户输入，当用户按下 FloatingActionButton 表示已完成时，我想关闭屏幕键盘。

如何让键盘自动消失？

import 'package:flutter/material.dart';

class MyHomePage extends StatefulWidget {
  MyHomePageState createState() => new MyHomePageState();
}

class MyHomePageState extends State<MyHomePage> {
  TextEditingController _controller = new TextEditingController();

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(),
      floatingActionButton: new FloatingActionButton(
        child: new Icon(Icons.send),
        onPressed: () {
          setState(() {
            // send message
            // dismiss on screen keyboard here
            _controller.clear();
          });
        },
      ),
      body: new Container(
        alignment: FractionalOffset.center,
        padding: new EdgeInsets.all(20.0),
        child: new TextFormField(
          controller: _controller,
          decoration: new InputDecoration(labelText: 'Example Text'),
        ),
      ),
    );
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new MyHomePage(),
    );
  }
}

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

Answer 1

对于 Flutter 版本 2 或最新版本:

由于 Flutter 2 具有 null 安全性，这是最好的方法:

FocusManager.instance.primaryFocus?.unfocus();

注意:使用旧方法会导致一些问题，例如保持重建状态；

---

对于 Flutter 版本 < 2 :

从 Flutter v1.7.8+hotfix.2 开始，要走的路是:

FocusScope.of(context).unfocus();

Comment关于这方面的公关:

Now that #31909 (be75fb3) has landed, you should useFocusScope.of(context).unfocus() instead ofFocusScope.of(context).requestFocus(FocusNode()), since FocusNodes areChangeNotifiers, and should be disposed properly.

-> 不要再使用 ̶r̶e̶q̶u̶e̶s̶t̶F̶o̶c̶u̶s̶(̶F̶o̶c̶u̶s̶N̶o̶d̶e̶(̶)̶。

 F̶o̶c̶u̶s̶S̶c̶o̶p̶e̶.̶o̶f̶(̶c̶o̶n̶t̶e̶x̶t̶)̶.̶r̶e̶q̶u̶e̶s̶t̶F̶o̶c̶u̶s̶(̶F̶o̶c̶u̶s̶N̶o̶d̶e̶(̶)̶)̶;̶

阅读更多关于 the FocusScope class in the flutter docs 的信息.