Flutter函数参数类型不匹配错误求助，求代码修复方案

错误原因分析 #

1. 第一个错误：InputTextField类中定义的onChange参数类型为泛化的Function?，而Flutter的TextField组件onChanged属性要求的是明确接收String参数的无返回值函数类型（void Function(String)?），泛化类型无法直接匹配具体函数类型，导致赋值失败。
2. 第二个错误：当回调函数参数未显式声明类型时，Dart会默认将其推断为dynamic类型，若组件要求的是无参数的void Function()，就会出现void Function(dynamic)与void Function()的类型不兼容问题。

修复方案 #

步骤1：修正InputTextField的回调参数类型 #

将InputTextField中的onChange参数类型从Function?改为void Function(String)?，使其与TextField的onChanged类型完全对齐：

// InputTextField类的成员变量定义
final void Function(String)? onChange;

步骤2：显式声明回调函数的参数类型 #

在传入onChange回调时，明确指定参数为String类型（显式声明可避免Dart的类型推断错误）：

InputTextField(
  label: 'Email',
  onChange: (String value) {},
),

修复后的完整代码 #

import 'package:concept1/constant.dart';
import 'package:concept1/screen/login/widget/welcome_back.dart';
import 'package:flutter/material.dart';

class LoginScreen extends StatelessWidget {
  const LoginScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: buildAppBar(context),
      body: Column(
        children: [
          const WelcomeBack(),
          Container(
            padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 30),
            child: Column(children: <Widget>[
              InputTextField(
                label: 'Email',
                onChange: (String value) {},
              ),
              InputTextField(
                label: 'Password',
                onChange: (String value) {},
              ),
            ]),
          )
        ],
      ),
    );
  }

  AppBar buildAppBar(BuildContext context) {
    return AppBar(
      backgroundColor: mBackgroundColor,
      elevation: 0,
      centerTitle: true,
      title: Text(
        'Login Screen',
        style: TextStyle(
          color: mPrimaryColor,
        ),
      ),
      leading: IconButton(
        icon: const Icon(Icons.arrow_back_ios),
        color: mPrimaryColor,
        onPressed: () {
          Navigator.pop(context);
        },
      ),
    );
  }
}

class InputTextField extends StatelessWidget {
  const InputTextField({
    Key? key,
    required this.label,
    required this.onChange,
  }) : super(key: key);

  final String label;
  final void Function(String)? onChange;

  @override
  Widget build(BuildContext context) {
    return TextField(
      onChanged: onChange,
      cursorColor: Colors.grey,
      decoration: InputDecoration(
          labelText: label,
          labelStyle: const TextStyle(color: Colors.grey),
          border: UnderlineInputBorder(
              borderSide: BorderSide(
            color: mPrimaryColor,
            width: 2,
          )),
          focusedBorder: UnderlineInputBorder(
              borderSide: BorderSide(
            color: mPrimaryColor,
            width: 2,
          )),
          enabledBorder: const UnderlineInputBorder(
              borderSide: BorderSide(
            color: Colors.grey,
            width: 0.5,
          ))),
    );
  }
}

额外提示 #

• 在Dart开发中，优先使用具体函数类型而非泛化的Function，能在编译阶段提前捕获类型错误，避免运行时异常。
• 对于无参数的回调（如IconButton的onPressed），确保传入的函数是void Function()类型，不要添加多余参数，否则会触发类似第二个错误的类型不兼容问题。

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