Flutter自定义TextFormField的TextInputType参数不生效问题

问题出在你的CustomTextFormField组件中：虽然你声明了keyboardType参数，但在内部的TextFormField里并没有引用这个参数，而是注释掉了固定值，导致外部传入的参数完全没起作用，所以弹出的是默认文本键盘。

同时你的textAlign和style参数也存在同样的问题——组件内部硬编码了固定值，外部传入的对应参数不会生效，建议一起修复。

修改后的CustomTextFormField代码如下：

class CustomTextFormField extends StatelessWidget {
  final double height;
  final TextEditingController controller;
  final TextAlign? textAlign;
  final TextStyle? style;
  final TextInputType? keyboardType;
  final bool validatorStatus; // 补充类成员中缺失的参数声明

  const CustomTextFormField({
    super.key,
    required this.height,
    required this.controller,
    required this.validatorStatus,
    this.textAlign,
    this.style,
    this.keyboardType,
  });

  @override
  Widget build(BuildContext context) {
    return TextFormField(
      controller: controller,
      validator: !validatorStatus
          ? null
          : (value) {
              if (value == null || value.isEmpty) {
                return 'Please enter some text';
              }
              return null;
            },
      decoration: const InputDecoration(
        contentPadding: EdgeInsets.all(0),
        constraints:
            BoxConstraints(maxHeight: 40, maxWidth: 200, minWidth: 100),
        border: OutlineInputBorder(
          borderSide: BorderSide(
            width: 1,
          ),
          borderRadius: BorderRadius.all(
            Radius.circular(10),
          ),
        ),
      ),
      // 优先使用外部传入的textAlign，无传入时用默认居中
      textAlign: textAlign ?? TextAlign.center,
      // 优先使用外部传入的style，无传入时用默认样式
      style: style ?? const TextStyle(
        fontSize: 14,
      ),
      // 关键修复：绑定组件接收的keyboardType参数
      keyboardType: keyboardType,
    );
  }
}

修改说明： #

1. 核心修复：在TextFormField的keyboardType属性中引用组件的keyboardType参数，让外部传入的键盘类型设置生效
2. 补全参数声明：补上类成员中缺失的validatorStatus参数声明，避免语法错误
3. 优化属性传递：对textAlign和style使用??运算符，实现“外部传入优先，无传入则用默认值”的逻辑，提升组件灵活性

修改完成后，在Test组件中传入keyboardType: TextInputType.number，点击输入框就会正常弹出数字键盘了。

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