Flutter可复用组件传递onTap时出现两处报错求助

1. 解决“Undefined name 'onTap'”报错 #

这个问题是因为你的ReusableCard组件没有声明onTap参数，或者声明了但没在GestureDetector里正确引用。

修复步骤：

• 给ReusableCard的构造函数添加onTap参数，根据需求设置为必填或可选（可选的话加?）
• 在GestureDetector的onTap属性中引用这个类级别的参数

示例代码：

class ReusableCard extends StatelessWidget {
  // 声明可选的onTap参数
  final void Function()? onTap;

  // 构造函数，将onTap作为可选参数传入
  const ReusableCard({super.key, this.onTap});

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      // 引用类的onTap参数
      onTap: onTap,
      child: Card(
        // 卡片内部布局
        child: const Center(child: Text("可复用卡片")),
      ),
    );
  }
}

2. 解决“A value of type 'Null' can't be assigned to a parameter of type 'void Function()'”报错 #

这个问题分两种场景处理：

场景一：使用const构造传匿名函数 #

const构造的参数必须是编译时常量，而匿名函数不属于编译时常量，因此不能搭配const使用。直接去掉const关键字即可：

错误写法：

const ReusableCard(
  onTap: () {
    print("卡片被点击");
  },
)

正确写法：

ReusableCard(
  onTap: () {
    print("卡片被点击");
  },
)

场景二：onTap参数必填但未传入 #

如果你的ReusableCard把onTap设为必填参数（没加?也没默认值），但调用时没传，就会触发这个错误。两种修复方式：

• 方式一：调用组件时必须传入onTap函数
• 方式二：修改组件构造函数，给onTap加默认值null（即设为可选参数）：

const ReusableCard({super.key, this.onTap});

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