Flutter中TextField子组件传int类型数据至父组件时类型不匹配问题

你遇到的错误是因为Flutter原生TextField的onChanged回调参数默认是String类型，但你定义的TextfielWidget的onChange参数要求接收int类型的函数，直接赋值自然会出现类型不兼容的问题，这跟TextField本身无关，是缺少字符串转int的类型转换环节。

下面是具体修改方案：

1. 核心修改：处理字符串转int #

在TextfielWidget中，不能直接把widget.onChange传给TextField的onChanged，需要先将输入的字符串转换为int类型，再触发回调：

class _TextfielWidgetState extends State<TextfielWidget> {
  @override
  Widget build(BuildContext context) {
    return Flexible(
        child: TextField(
            onChanged: (String input) {
              // 使用tryParse避免非数字输入导致崩溃
              final int? numValue = int.tryParse(input);
              if (numValue != null) {
                widget.onChange(numValue);
              }
            },
            keyboardType: TextInputType.number,
            decoration: const InputDecoration(
              border: OutlineInputBorder(),
              labelText: 'Enter Number',
            )
          )
        );
  }
}

2. 完善类型定义（避免动态类型隐患） #

原来CustomBarWidget的sendData是动态类型，建议明确指定为void Function(int)，让类型检查更严格：

class CustomBarWidget extends StatefulWidget implements PreferredSizeWidget {
  const CustomBarWidget({super.key, required this.sendData});
  // 明确指定回调类型，替换原dynamic类型
  final void Function(int) sendData;

  @override
  Size get preferredSize => const Size.fromHeight(70.0);

  @override
  State<CustomBarWidget> createState() => _CustomBarWidgetState();
}

3. 可选：优化输入合法性提示 #

如果用户输入非数字内容，int.tryParse会返回null，可以添加提示引导用户输入合法数字：

onChanged: (String input) {
  final int? numValue = int.tryParse(input);
  if (numValue != null) {
    widget.onChange(numValue);
  } else {
    ScaffoldMessenger.of(context).showSnackBar(
      const SnackBar(content: Text("请输入有效的数字")),
    );
  }
},

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