Flutter: 전체 트리에서 키보드 포커스를 제거하는 기능

번식 단계

사용자가 다른 곳을 만질 때까지 textField의 hintText를 보여주고 싶습니다.
터치 포인트는 위젯 트리 깊숙이 있을 수 있으며 위젯 트리 어딘가에서 현재 초점이 맞춰진 노드를 가져와 초점이 맞지 않은 상태로 호출하고, textField를 비활성화하고 키보드를 숨기는 방법을 모르겠습니다. 이것은 예제가 부족하고 패턴 사용 방법을 설명하지 않는 문서 또는 플러터에 대한 내 이해의 문제일 수 있습니다.

코드 예제는 노드에서 unfocus를 호출하는 GestureDetector를 보여줍니다. focusNode는 동일한 위젯에서 쉽게 액세스할 수 있기 때문에 여기에서는 간단합니다. 여기서 문제는 중첩된 위젯 트리에서 동일한 작업을 수행하는 방법입니다. 그렇게 하기 위해 권장되는 패턴은 무엇입니까?

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