Flutter iOS端数字键盘添加Done按钮问题求助

iOS原生纯数字键盘默认不带Done按钮，你之前设置的keyboardType仅用于指定输入类型，不会触发Done按钮显示，试试以下几种可行方案：

方法1：通过输入工具栏显示Done按钮 #

配置textInputAction和toolbarOptions，让Done按钮出现在键盘上方的工具栏区域：

TextFormField(
  key: Key(keyValue),
  initialValue: valueBuilder,
  onSaved: (text) {
        
  },
  inputFormatters: [inputFormatters],
  keyboardType: TextInputType.number,
  // 核心配置
  textInputAction: TextInputAction.done,
  toolbarOptions: const ToolbarOptions(done: true),
  // 点击Done后的逻辑示例：收起键盘
  onFieldSubmitted: (_) => FocusScope.of(context).unfocus(),
)

方法2：用CupertinoTextField实现键盘内置Done按钮 #

如果想要Done按钮直接嵌在数字键盘右下角（更贴近iOS原生交互体验），可以替换为CupertinoTextField：

CupertinoTextField(
  key: Key(keyValue),
  initialValue: valueBuilder,
  onSaved: (text) {
        
  },
  inputFormatters: [inputFormatters],
  keyboardType: TextInputType.number,
  textInputAction: TextInputAction.done,
  onSubmitted: (_) => FocusScope.of(context).unfocus(),
)

方法3：自定义键盘底部按钮栏（可选） #

如果需要更灵活的自定义（比如添加多个操作按钮），可以使用flutter_keyboard_actions包，在键盘底部添加自定义按钮栏，不过需要先在pubspec.yaml中添加对应依赖。

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