Flutter: Capacidade de remover o foco do teclado de toda a árvore

Criado em 1 fev. 2018  ·  1Comentário  ·  Fonte: flutter/flutter

Passos para reproduzir

Gostaria de mostrar o hintText de um textField até que o usuário toque em outro lugar.
O touchpoint pode estar nas profundezas da árvore do widget e eu não sei como obter o nó focado atual em algum lugar na árvore do widget para chamar desfocado, para mostrar o textField inativo e ocultar o teclado. Isso pode ser apenas um problema com o meu entendimento de flutter ou a documentação que carece de exemplo e não explica como usar os padrões.

O exemplo de código mostra o GestureDetector que está chamando o não foco no nó. Isso é simples aqui porque o focusNode é facilmente acessível no mesmo widget. A questão aqui é como fazer o mesmo em uma árvore de widgets aninhada. Qual é o padrão recomendado para fazer isso?

  <strong i="9">@override</strong>
  Widget build(BuildContext context) {
    return new Scaffold(
        appBar: new AppBar(
          title: new Text(widget.title),
        ),
        body: new Stack(children: <Widget>[
          new GestureDetector(
              excludeFromSemantics: true,
              onTapDown: (_) {
                _focusNode.unfocus();
              }),
          new Column(children: <Widget>[
            new TextField(
                focusNode: _focusNode,
                decoration: new InputDecoration(
                    border: null,
                    hintText: _focusNode.hasFocus ? 'FOCUS' : 'no focus')),
            new RaisedButton(
                child: new Text('Remove Focus'),
                onPressed: () => _focusNode.unfocus())
          ])
        ]));
  }

  final FocusNode _focusNode = new FocusNode();

  <strong i="10">@override</strong>
  void initState() {
    super.initState();
    _focusNode.addListener(() {
      setState(() {});
      print('Has focus: $_focusNode.hasFocus');
    });
  }

Flutter Doctor

[√] Flutter (on Microsoft Windows [Version 10.0.16299.192], locale en-US, channel dev)
    • Flutter version 0.0.21 at c:\sdks\flutter
    • Framework revision 2e449f06f0 (2 days ago), 2018-01-29 14:26:51 -0800
    • Engine revision 6921873c71
    • Tools Dart version 2.0.0-dev.16.0
    • Engine Dart version 2.0.0-edge.da1f52592ef73fe3afa485385cb995b9aec0181a

[√] Android toolchain - develop for Android devices (Android SDK 27.0.2)
    • Android SDK at C:\Users\ride4\AppData\Local\Android\sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-27, build-tools 27.0.2
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-915-b01)

[√] Android Studio (version 3.0)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-915-b01)

[√] IntelliJ IDEA Community Edition (version 2017.2)
    • Flutter plugin version 19.1
    • Dart plugin version 172.4343.25

[√] Connected devices
    • Android SDK built for x86 • emulator-5554 • android-x86 • Android 7.1.1 (API 25) (emulator)
look material design framework new feature

Comentários muito úteis

Eu acho que isso se resume a

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

Fechando como duplicata de # 7247
talvez também # 20227

>Todos os comentários

Eu acho que isso se resume a

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

Fechando como duplicata de # 7247
talvez também # 20227

Esta página foi útil?
0 / 5 - 0 avaliações