点击“完成”按钮后，iOS 模拟器上的 Flutter Web Safari 键盘会再次弹出

Question

我有一个带有数字类型的文本字段，为了测试我正在使用 iOS 模拟器在响应式 Web 版本上运行应用程序。如下所示，点击完成后，GIF 键盘会再次出现。我该如何解决这个问题？

代码：

    SizedBox(
      width: context.isDesktop ? 300 : (context.width - 40),
      height: 50,
      child: TextField(
        controller: _textController,
        autocorrect: false,
        enableSuggestions: false,
        keyboardType: TextInputType.number,
        style: DesignFont.regular(20),
        decoration: const InputDecoration(
          hintText: Localized.enterPinCode,
          border: OutlineInputBorder(
            borderRadius: BorderRadius.all(Radius.circular(2)),
            borderSide: BorderSide(color: StyleColor.border),
          ),
        ),
      ),
    )

Answer 1

处理键盘上已完成的操作以取消焦点

void handleAction(TextInputAction action) {
    if (action == TextInputAction.done) {
      // Handle the "Done" action
    FocusScope.of(context).unfocus();
  }
}

在文本字段上添加

onSubmitted: (value) => handleAction(TextInputAction.done)