Flutter Overlay 和 TextFields

Question

我正在使用 Flutter。在我用的脚手架体内

Overlay.of(context).insert(...) 

插入一个登录对话框。

但是，当我尝试选择用户名/密码字段时，没有键盘出现。

当我在“普通”树中使用登录小部件时，它可以正常工作。在叠加层中移动它可以使键盘不显示。

我是不是漏掉了什么？这难道不应该奏效吗？

Answer 1

您需要像下面这样将小部件包装在 FocusScope 中:

      overlayEntry = OverlayEntry(builder: (context) {
        FocusScope.of(context).setFirstFocus(focusScopeNode);
        return Material(
          child: FocusScope(
            node: focusScopeNode,
            child: Padding(
              padding: const EdgeInsets.all(20.0),
              child: Column(
                children: <Widget>[
                  TextField(),
                ],
              ),
            ),
          ),
        );
      });
      Overlay.of(context).insert(overlayEntry);

事实上，对于登录页面，我会使用 Navigator 将其插入。