Flutter自定义按钮类如何通过IconData参数动态修改图标

• 你代码里的Icon(Icons.buttonIcon, size: 45,)写法错误：Icons是Flutter Material图标库的静态类，只有Icons.home、Icons.settings这类内置的图标常量可以用Icons.前缀访问
• 你声明的buttonIcon本身就是IconData类型的成员变量，直接作为参数传给Icon组件即可，不需要加Icons.前缀

首先修改NavButton类的图标引用逻辑：

class NavButton extends StatelessWidget{
  
  final IconData buttonIcon;
  final String buttonName;
  final Function callFunction;

  const NavButton({
   required this.buttonIcon,
   required this.buttonName,
   required this.callFunction
  });

  @override
  Widget build(BuildContext context){
    return Container(
      margin: EdgeInsets.fromLTRB(0, 10, 0, 10),
      padding: EdgeInsets.zero,
      child: TextButton( // 注：FlatButton已在新版Flutter中弃用，推荐替换为TextButton
        // 直接传入buttonIcon变量即可
        child:Icon(buttonIcon, size: 45,),
        onPressed: (){
          callFunction(buttonName);          
        }
      ),
    );
  }
}

调用时需要传入完整的图标常量，修正写法如下：

Expanded(child: NavButton(buttonIcon: Icons.home,callFunction: buttonClick,buttonName: 'Home'),)

• 可以给callFunction指定明确的参数类型，比如final Function(String) callFunction，避免运行时参数类型错误
• 如果需要自定义图标样式，可直接在NavButton的入参里新增颜色、大小等可选参数，灵活适配不同场景需求

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