Flutter中创建通用泛型回调函数的问题求助

你的代码存在两个核心问题：

• 类型不匹配：InkWell的onTap要求的是void Function()类型（无参无返回值），但你定义的save/delete是带泛型参数的函数，直接赋值会触发类型错误。
• 泛型定义位置错误：将泛型<T>定义在函数上会让函数变成动态泛型，无法与组件的使用场景绑定，正确的做法是把泛型定义在Widget类级别。

修改后的实现代码 #

class GenericButtonWidget<T> extends StatelessWidget {
  const GenericButtonWidget({
    Key? key,
    required this.item, // 传入泛型类型的数据，供回调使用
    this.save,
    this.delete,
  }) : super(key: key);

  final T item;
  final void Function(T)? save;  
  final void Function(T)? delete;

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: [
          InkWell(
            // 在无参的onTap中调用带泛型参数的回调，同时处理空安全
            onTap: () => save?.call(item),
            child: const Text('Save'),
          ),
          InkWell(
            onTap: () => delete?.call(item),
            child: const Text('Delete'),
          ),
        ],
      ),
    );
  }
}

使用示例 #

假设你需要处理User类型的数据：

class User {
  final String id;
  final String name;
  User(this.id, this.name);
}

// 在父组件中调用通用按钮
GenericButtonWidget<User>(
  item: User('1', '张三'),
  save: (user) {
    // 处理User类型的保存逻辑
    print('保存用户：${user.name}');
  },
  delete: (user) {
    // 处理User类型的删除逻辑
    print('删除用户：${user.id}');
  },
)

关键说明 #

• 将泛型<T>绑定到Widget类上，确保组件的回调与数据类型统一。
• 通过item属性传入泛型数据，在onTap的匿名函数中调用回调并传递参数，解决onTap无参的限制。
• 使用?.call()处理回调可能为null的情况，避免空指针异常。

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