如何解除屏幕上的键盘?

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

当前回答

注意:这个答案已经过时了。有关Flutter的新版本，请参阅答案。

你可以通过把TextFormField的焦点拿走，并把它给一个未使用的FocusNode来解散键盘:

FocusScope.of(context).requestFocus(FocusNode());

2017-07-09 00:44:06

其他回答

以上的解决方案都不适合我。

Flutter的意思是把你的小部件在新手势检测器()上，点击将隐藏键盘和onTap使用FocusScope.of(context)。新FocusNode requestFocus (())

class Home extends StatelessWidget {
@override
  Widget build(BuildContext context) {
    var widget = new MaterialApp(
        home: new Scaffold(
            body: new Container(
                height:500.0,
                child: new GestureDetector(
                    onTap: () {
                        FocusScope.of(context).requestFocus(new FocusNode());
                    },
                    child: new Container(
                        color: Colors.white,
                        child:  new Column(
                            mainAxisAlignment:  MainAxisAlignment.center,
                            crossAxisAlignment: CrossAxisAlignment.center,

                            children: [
                                new TextField( ),
                                new Text("Test"),                                
                            ],
                        )
                    )
                )
            )
        ),
    );

    return widget;
}}

2018-09-15 13:34:57

你可以用"GestureDetector"来包装你的小部件，然后将"FocusScope.of(context).unfocus()"赋值给它的onTap函数

GestureDetector(
 onTap: () => FocusScope.of(context).unfocus(),
 child: child,
);

2021-08-09 15:56:44

在构建小部件中添加此代码

    FocusScope.of(context).requestFocus(FocusNode());

2022-10-20 15:03:34

如果你使用CustomScrollView，只要放，

keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,

2021-04-18 12:27:38

注意:这个答案已经过时了。有关Flutter的新版本，请参阅答案。

你可以通过把TextFormField的焦点拿走，并把它给一个未使用的FocusNode来解散键盘:

FocusScope.of(context).requestFocus(FocusNode());

2017-07-09 00:44:06

如何解除屏幕上的键盘?

推荐文章

最新文章

标签