Flutter自定义按钮图标设为可选时传Null报错问题

问题核心：ElevatedButton.icon的icon参数要求传入非空的Widget类型，直接传null会触发类型不匹配报错。当不需要显示图标时，应该用一个不占空间的空Widget替代null。

以下是修正后的完整代码：

import 'package:flutter/material.dart';

Widget CustomButton({
  String? title,
  EdgeInsetsGeometry? padding, // 修正拼写错误
  EdgeInsetsGeometry? margin,
  double? width,
  double? height,
  Color? backgroundColor,
  VoidCallback? onPress, // 修正为标准回调类型
  Color? fontColor,
  double? fontSize, // 修正拼写错误
  double borderRadius = 10, // 修正拼写错误
  bool showIcon = true,
  Icon? buttonIcons,
}) {
  return Container(
    width: width,
    height: height,
    margin: margin,
    padding: padding,
    child: Directionality(
      textDirection: TextDirection.rtl,
      child: ElevatedButton.icon(
        style: ElevatedButton.styleFrom(
          backgroundColor: backgroundColor,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(borderRadius),
          ),
        ),
        onPressed: onPress,
        // 用SizedBox.shrink()替代null，空Widget不占界面空间
        icon: showIcon ? buttonIcons! : const SizedBox.shrink(),
        label: Text(
          title ?? '', // 处理title为null的情况，避免显示"null"
          style: TextStyle(
            fontSize: fontSize ?? 20,
            color: fontColor,
          ),
        ),
      ),
    ),
  );
}

关键修改说明：

• 替换icon参数的空值逻辑：用SizedBox.shrink()（尺寸为0的空Widget）代替null，满足参数类型要求且不影响界面布局。
• 修正了参数名拼写错误（paddin→padding、borderRaidius→borderRadius等），提升代码规范性。
• 将onPress类型改为VoidCallback?，符合Flutter按钮回调的标准定义。
• 处理了title为null的边界情况，避免界面显示字符串"null"。

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