Flutter自定义底部导航栏报错：Function无法赋值给void Function(int)?

错误信息：

"The argument type 'Function' can't be assigned to the parameter type 'void Function(int)?'"

错误出现在BottomNavigationBar的onTap: widget.onItemTapped行，核心原因是你定义的onItemTapped类型太宽泛，和BottomNavigationBar要求的回调类型不匹配。

修复步骤： #

1. 明确回调函数的类型
   修改CustomNavbar类中onItemTapped的类型定义，把泛型的Function替换为BottomNavigationBar要求的void Function(int)：

   // ignore: must_be_immutable
   class CustomNavbar extends StatefulWidget {
     int selectedIndex;
     // 替换原有的Function为明确的函数类型
     void Function(int) onItemTapped;
     CustomNavbar({super.key, required this.selectedIndex, required this.onItemTapped});
   
     @override
     _CustomNavbarState createState() => _CustomNavbarState();
   }
   

2. （可选）支持空安全场景
   如果后续需要把onItemTapped设为可选参数，可以将类型改为void Function(int)?，并在使用时处理空值：

   void Function(int)? onItemTapped;
   // 构造函数中改为可选参数（去掉required）
   CustomNavbar({super.key, required this.selectedIndex, this.onItemTapped});
   
   // 使用时添加空判断
   onTap: widget.onItemTapped ?? (index) {},
   

原因说明： #

Flutter是强类型语言，BottomNavigationBar的onTap回调会传递一个int类型的索引值，要求回调函数必须接收这个参数且返回void。泛型的Function没有明确参数和返回值，编译器无法确认它符合要求，因此抛出类型不匹配的错误。

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