Flutter中如何创建接收函数作为参数并使用的自定义Widget？

核心问题是你没有给传入的passedfunc参数声明和onPressed匹配的明确类型，Dart作为类型安全语言，类型不匹配时无法直接绑定。ElevatedButton的onPressed回调接收的类型是void Function()?（无参数、无返回值的可空函数，传null时按钮会进入禁用状态）。

方法形式自定义组件修正写法 #

你当前用返回组件的方法实现自定义按钮的场景，只需要给函数参数指定正确类型即可，另外注意你代码里的参数类型错误：Colors是Flutter内置的色值工具类，颜色参数的类型应为Color而非Colors。

ElevatedButton customBTN(
  String text, 
  Icon icon, 
  Color color, 
  double height, 
  double width,  
  // 明确声明传入函数的类型，和onPressed要求完全匹配
  void Function()? passedfunc,
) {
  return ElevatedButton(
    style: ElevatedButton.styleFrom(
      backgroundColor: color,
      minimumSize: Size(width, height),
    ),
    // 不要硬编码Text内容，使用传入的text和icon参数
    child: Row(
      mainAxisSize: MainAxisSize.min,
      children: [
        icon,
        const SizedBox(width: 8),
        Text(text),
      ],
    ),
    // 直接绑定传入的函数即可，不需要额外包装
    onPressed: passedfunc,
  );
}

推荐：类形式StatelessWidget实现 #

生产环境更推荐继承StatelessWidget写自定义组件，相比方法形式性能更好，也更方便配置默认参数、配合状态管理使用：

class CustomBTN extends StatelessWidget {
  final String text;
  final Icon icon;
  final Color color;
  final double height;
  final double width;
  // 函数参数名可自定义，类型匹配即可
  final void Function()? onTap;

  const CustomBTN({
    super.key,
    required this.text,
    required this.icon,
    required this.color,
    // 可给可选参数配置默认值
    this.height = 48,
    this.width = double.infinity,
    this.onTap,
  });

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      style: ElevatedButton.styleFrom(
        backgroundColor: color,
        minimumSize: Size(width, height),
      ),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          icon,
          const SizedBox(width: 8),
          Text(text),
        ],
      ),
      onPressed: onTap,
    );
  }
}

调用方式 #

两种实现的调用逻辑一致，直接传入对应函数即可：

// 类形式组件调用示例
CustomBTN(
  text: "提交",
  icon: const Icon(Icons.check),
  color: Colors.blue,
  height: 48,
  width: 200,
  // 传入点击回调逻辑
  onTap: () {
    print("按钮被点击");
    // 其他业务逻辑
  },
)

扩展：需要传参的回调写法 #

如果点击时需要给外部传入自定义参数，只需要修改函数类型定义，绑定的时候通过call方法触发即可：

// 定义带String参数的回调类型
final void Function(String btnId)? onTap;

// 绑定的时候传入参数
onPressed: () => onTap?.call("submit_btn"),

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