Как я могу отключить экранную клавиатуру?

Я собираю пользовательский ввод с помощью, 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 v1.7.8 + hotfix.2, можно сделать следующее:

FocusScope.of(context).unfocus()

Прокомментируйте PR по этому поводу:

Теперь, когда приземлился # 31909 (be75fb3), вы должны использовать FocusScope.of(context).unfocus()вместо FocusScope.of(context).requestFocus(FocusNode()), так как FocusNodes есть ChangeNotifiersи должны быть удалены должным образом.

-> НЕ используйте ̶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̶(̶)̶)̶;̶

Примечание: этот ответ устарел. См. Ответ для новых версий Flutter .

Вы можете убрать клавиатуру, убрав фокус TextFormFieldи отдав ее неиспользуемым FocusNode:

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

Решение с FocusScope мне не подходит. Нашел другой:

import 'package:flutter/services.dart';

SystemChannels.textInput.invokeMethod('TextInput.hide');

Это решило мою проблему.

Для Flutter 1.17.3 (стабильный канал по состоянию на июнь 2020 г.) используйте

FocusManager.instance.primaryFocus.unfocus();

Следующий код помог мне скрыть клавиатуру

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

Пример реализации .unfocus () для автоматического скрытия клавиатуры при прокрутке списка

FocusScope.of(context).unfocus();

вы можете найти на

https://github.com/flutter/flutter/issues/36869#issuecomment-518118441

Благодаря szotp

Ни одно из вышеперечисленных решений не работает для меня.

Flutter предлагает это - поместите свой виджет в новый GestureDetector (), касание которого будет скрывать клавиатуру, а onTap использует FocusScope.of (context) .requestFocus (new FocusNode ())

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;
}}

GestureDetector(
          onTap: () {
            FocusScope.of(context).unfocus();
          },
          child:Container(
    alignment: FractionalOffset.center,
    padding: new EdgeInsets.all(20.0),
    child: new TextFormField(
      controller: _controller,
      decoration: new InputDecoration(labelText: 'Example Text'),
    ),
  ), })

попробуйте этот жест касания

Поскольку во Flutter все является виджетом, я решил обернуть подход SystemChannels.textInput.invokeMethod('TextInput.hide');и FocusScope.of(context).requestFocus(FocusNode());подход в небольшой служебный модуль с виджетом и миксином в нем.

С помощью виджета вы можете обернуть любой виджет (очень удобно при использовании хорошей поддержки IDE) с помощью KeyboardHiderвиджета:

class SimpleWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return KeyboardHider(
      /* Here comes a widget tree that eventually opens the keyboard,
       * but the widget that opened the keyboard doesn't necessarily
       * takes care of hiding it, so we wrap everything in a
       * KeyboardHider widget */
      child: Container(),
    );
  }
}

С помощью миксина вы можете запустить скрытие клавиатуры из любого состояния или виджета при любом взаимодействии:

class SimpleWidget extends StatefulWidget {
  @override
  _SimpleWidgetState createState() => _SimpleWidgetState();
}

class _SimpleWidgetState extends State<SimpleWidget> with KeyboardHiderMixin {
  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      onPressed: () {
        // Hide the keyboard:
        hideKeyboard();
        // Do other stuff, for example:
        // Update the state, make an HTTP request, ...
      },
    );
  }
}

Просто создайте keyboard_hider.dartфайл, и виджет и миксин готовы к использованию:

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

/// Mixin that enables hiding the keyboard easily upon any interaction or logic
/// from any class.
abstract class KeyboardHiderMixin {
  void hideKeyboard({
    BuildContext context,
    bool hideTextInput = true,
    bool requestFocusNode = true,
  }) {
    if (hideTextInput) {
      SystemChannels.textInput.invokeMethod('TextInput.hide');
    }
    if (context != null && requestFocusNode) {
      FocusScope.of(context).requestFocus(FocusNode());
    }
  }
}

/// A widget that can be used to hide the text input that are opened by text
/// fields automatically on tap.
///
/// Delegates to [KeyboardHiderMixin] for hiding the keyboard on tap.
class KeyboardHider extends StatelessWidget with KeyboardHiderMixin {
  final Widget child;

  /// Decide whether to use
  /// `SystemChannels.textInput.invokeMethod('TextInput.hide');`
  /// to hide the keyboard
  final bool hideTextInput;
  final bool requestFocusNode;

  /// One of hideTextInput or requestFocusNode must be true, otherwise using the
  /// widget is pointless as it will not even try to hide the keyboard.
  const KeyboardHider({
    Key key,
    @required this.child,
    this.hideTextInput = true,
    this.requestFocusNode = true,
  })  : assert(child != null),
        assert(hideTextInput || requestFocusNode),
        super(key: key);

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      behavior: HitTestBehavior.opaque,
      onTap: () {
        hideKeyboard(
          context: context,
          hideTextInput: hideTextInput,
          requestFocusNode: requestFocusNode,
        );
      },
      child: child,
    );
  }
}

Вы можете использовать unfocus()метод из FocusNodeкласса.

import 'package:flutter/material.dart';

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

class MyHomePageState extends State<MyHomePage> {
  TextEditingController _controller = new TextEditingController();
  FocusNode _focusNode = new FocusNode(); //1 - declare and initialize variable

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(),
      floatingActionButton: new FloatingActionButton(
        child: new Icon(Icons.send),
        onPressed: () {
            _focusNode.unfocus(); //3 - call this method here
        },
      ),
      body: new Container(
        alignment: FractionalOffset.center,
        padding: new EdgeInsets.all(20.0),
        child: new TextFormField(
          controller: _controller,
          focusNode: _focusNode, //2 - assign it to your TextFormField
          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 v1.17.1, и у меня работает следующее.

onTap: () {
    FocusScopeNode currentFocus = FocusScope.of(context);
    if (!currentFocus.hasPrimaryFocus && currentFocus.focusedChild != null) {
       currentFocus.focusedChild.unfocus();
    }
}

_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>[/*...*/],
    ),
    ),
 );
}

Чтобы закрыть клавиатуру (1.7.8 + hotfix.2 и выше), просто вызовите метод ниже:

FocusScope.of(context).unfocus();

После того, как метод FocusScope.of (context) .unfocus () уже проверяет, есть ли фокус, прежде чем закрыть клавиатуру, нет необходимости проверять его раньше. Если вам это нужно, просто вызовите другой контекстный метод: FocusScope.of(context).hasPrimaryFocus

попробуйте использовать контроллер для редактирования текста. в начале,

    final myController = TextEditingController();
     @override
  void dispose() {
    // Clean up the controller when the widget is disposed.
    myController.dispose();
    super.dispose();
  }

и на мероприятии для прессы,

onPressed: () {
            commentController.clear();}

это закроет клавиатуру.

Подводя итог, это рабочее решение для Flutter 1.17:

Оберните свой виджет следующим образом:

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