我用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());
}

当前回答

下面的代码帮助我隐藏键盘

   void initState() {
   SystemChannels.textInput.invokeMethod('TextInput.hide');
   super.initState();
   }

其他回答

_dismissKeyboard(BuildContext context) {
   FocusScope.of(context).requestFocus(new FocusNode());
}

@override
Widget build(BuildContext context) {

return new GestureDetector(
    onTap: () {
    this._dismissKeyboard(context);
    },
    child: new Container(
    color: Colors.white,
    child: new Column(
        children: <Widget>[/*...*/],
    ),
    ),
 );
}

如果你使用CustomScrollView,只要放,

keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,

FocusScope.of(context).unfocus()在与过滤后的listView一起使用时有一个缺点。 除了这么多细节和简洁,使用https://pub.dev/packages/keyboard_dismisser中的keyboard_disser包将解决所有问题。

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

由于颤振2零安全,这是最好的方法:

FocusManager.instance.primaryFocus?.unfocus();

注意:使用旧的方法会导致一些问题,如保持重建状态;


对于颤动版本< 2:

自Flutter v1.7.8+热修复。2、要走的路是:

FocusScope.of(context).unfocus();

评论一下PR:

现在#31909 (be75fb3)已经着陆,您应该使用 FocusScope.of(context).unfocus()代替 FocusScope.of(context).requestFocus(FocusNode()),因为FocusNodes ChangeNotifiers,并且应该正确地处理。

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

 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̶(̶)̶)̶;̶

在flutter文档中阅读有关FocusScope类的更多信息。

你可以用这个。

FocusScope或(上下文)。requestFocus (FocusNode ());

你可以使用这个手势侦测器的onTap或者像这样的InkWell。

“GestureDetector ( onTap:() {' //这个焦点范围将关闭键盘 FocusScope.of(上下文).requestFocus (FocusNode ()); forgotPasswordAPI (emailController.text); }”、“