Flutter：指定TextField获焦点时隐藏软键盘，允许外部设备输入

针对你需要NFC阅读器输入到TextField、同时隐藏软键盘的需求，给你两个可靠的实现方式：

方法一：监听焦点变化强制隐藏键盘 #

这是最直接的方案，利用FocusNode的监听事件，在TextField获取焦点时立即隐藏系统软键盘，同时保留输入功能。

步骤： #

1. 导入必要的系统服务包：

import 'package:flutter/services.dart';

2. 在initState中给_focusnode添加焦点监听：

@override
void initState() {
  super.initState();
  _focusnode.addListener(() {
    if (_focusnode.hasFocus) {
      // 强制调用系统方法隐藏软键盘
      SystemChannels.textInput.invokeMethod('TextInput.hide');
    }
  });
}

3. 调整TextField参数：
   保留autofocus: true和controller，不要设置readOnly: true，同时补充TextInputType.none增强屏蔽效果：

TextField(
  style: TextStyle(fontSize: 80.0, height: 2.0, color: Colors.white60),
  autofocus: true,
  controller: _controller,
  focusNode: _focusnode,
  textAlign: TextAlign.center,
  autocorrect: false,
  enableSuggestions: false,
  keyboardType: TextInputType.none, // 增强软键盘屏蔽效果
  enableInteractiveSelection: true, // 可选，允许选中文本进行编辑
  onSubmitted: (newValue) {
    // 你的业务逻辑
  },
  decoration: InputDecoration(
    contentPadding: EdgeInsets.zero,
    border: UnderlineInputBorder(),
    alignLabelWithHint: true,
    hintText: 'z.B.: 1092831023',
    hintStyle: TextStyle(fontSize: 80.0, height: 2.0, color: Colors.white60),
  ),
)

方法二：使用EditableText替代（进阶） #

如果方法一在特殊设备上仍有问题，可以直接用EditableText——它是TextField的底层组件，能更精准控制输入行为：

EditableText(
  controller: _controller,
  focusNode: _focusnode,
  style: TextStyle(fontSize: 80.0, height: 2.0, color: Colors.white60),
  cursorColor: Colors.white60,
  backgroundCursorColor: Colors.transparent,
  textAlign: TextAlign.center,
  autocorrect: false,
  enableSuggestions: false,
  onSubmitted: (newValue) {
    // 你的业务逻辑
  },
  keyboardType: TextInputType.none,
)

为什么之前的方法失效？ #

• readOnly: true：会直接禁用TextField的输入接收能力，NFC阅读器的硬件输入也无法生效
• TextInputType.none：部分设备上焦点切换时仍会短暂唤起键盘，必须配合焦点监听才能彻底屏蔽
• 过时第三方库：因维护停止导致适配问题，出现键盘闪弹的bug

你可以优先尝试方法一，它贴合你现有代码结构，改动最小，在Flutter 3.19.5版本下完全可用。

内容的提问来源于stack exchange，提问作者Nzxtime