Flutter：设置TextInputType.none屏蔽输入而非隐藏软键盘，求保焦点隐键盘方案

问题场景 #

使用以下TextFormField配置时：

TextFormField(
  showCursor: false,
  controller: textController,
  autofocus: false,
  keyboardType: TextInputType.none,
  decoration: const InputDecoration(border: InputBorder.none),
),

设置keyboardType: TextInputType.none后，不仅没隐藏软键盘，还直接屏蔽了输入操作。需要实现隐藏软键盘但保留输入框焦点的效果。

可行解决方法 #

方法一：FocusNode监听+主动控键 #

通过自定义FocusNode监听焦点状态，在输入框获焦时主动隐藏键盘，再重新锁定焦点：

1. 声明FocusNode实例：

final FocusNode _inputFocusNode = FocusNode();

2. 在initState中添加焦点监听逻辑：

@override
void initState() {
  super.initState();
  _inputFocusNode.addListener(() {
    if (_inputFocusNode.hasFocus) {
      // 先隐藏键盘
      FocusManager.instance.primaryFocus?.unfocus();
      // 延后重新请求焦点，确保输入框保持激活状态
      WidgetsBinding.instance.addPostFrameCallback((_) {
        FocusScope.of(context).requestFocus(_inputFocusNode);
      });
    }
  });
}

3. 将FocusNode绑定到TextFormField：

TextFormField(
  showCursor: false,
  controller: textController,
  autofocus: false,
  focusNode: _inputFocusNode,
  keyboardType: TextInputType.text, // 这里可恢复正常输入类型，不影响效果
  decoration: const InputDecoration(border: InputBorder.none),
),

方法二：用EditableText自定义输入组件 #

直接使用底层的EditableText，手动接管焦点和键盘控制，灵活性更高：

EditableText(
  controller: textController,
  focusNode: _inputFocusNode,
  style: const TextStyle(fontSize: 16),
  cursorColor: Colors.transparent, // 替代showCursor: false隐藏光标
  backgroundCursorColor: Colors.transparent,
  onTap: () {
    // 请求焦点
    FocusScope.of(context).requestFocus(_inputFocusNode);
    // 强制关闭键盘
    TextInput.finishEditing();
  },
  decoration: const InputDecoration(border: InputBorder.none),
),

方法三：系统通道直接调用原生方法 #

通过Flutter的系统通道强制隐藏键盘，适用于需要快速生效的场景：

import 'package:flutter/services.dart';

// 在焦点触发时调用此方法
void _hideKeyboard() {
  SystemChannels.textInput.invokeMethod('TextInput.hide');
}

可以把这个方法绑定到输入框的onTap或者焦点监听器中，配合焦点请求实现需求。

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