如何优雅转换触发「参数不可为null但隐式默认值为null」报错的旧Dart代码

首先需要指出你原有修改方案存在的两个问题：

1. onPressed: onPressed.call() 写法错误，会在组件构建阶段直接触发回调，而非点击时触发，正确写法是直接将onPressed传给MaterialButton的onPressed参数
2. 未限定Function类型的具体签名，存在类型安全风险，推荐使用VoidCallback（无参数无返回值的函数类型）替换更规范。

方案1：为可选参数设置固定默认值 #

实现代码 #

class RoundedButton extends StatelessWidget {
  RoundedButton({
    this.title = '',
    this.color = Colors.blue,
    required this.onPressed,
  });

  final Color color;
  final String title;
  final VoidCallback onPressed;

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 16.0),
      child: Material(
        elevation: 5.0,
        color: color,
        borderRadius: BorderRadius.circular(30.0),
        child: MaterialButton(
          onPressed: onPressed,
          minWidth: 200.0,
          height: 42.0,
          child: Text(
            title,
            style: const TextStyle(color: Colors.white),
          ),
        ),
      ),
    );
  }
}

优缺点 #

• 优点：所有属性均为非空类型，无需任何空解包操作，代码逻辑最简单，运行时空异常风险为零。
• 缺点：默认值固定，灵活度低，无法适配需要动态获取默认值的场景（比如不传颜色时默认使用当前主题的主色）。

方案2：将所有参数标记为required，强制调用方传值 #

如果业务上要求三个参数都必须由调用方传入，可直接将所有参数加required修饰，属性无需声明为可空类型：

实现代码 #

class RoundedButton extends StatelessWidget {
  const RoundedButton({
    required this.title,
    required this.color,
    required this.onPressed,
  });

  final Color color;
  final String title;
  final VoidCallback onPressed;

  // build方法和方案1完全一致，此处省略
}

优缺点 #

• 优点：同样完全规避空异常风险，无需额外空处理逻辑，组件内部代码简洁。
• 缺点：降低组件易用性，原本可选的参数现在必须传入，调用方代码冗余度升高。

方案3：保留可空类型，自定义空值fallback逻辑 #

如果需要保留参数可选的灵活性，同时不想使用强制解包的bang操作符，可在build方法中提前处理空值，给出合理的兜底逻辑：

实现代码 #

class RoundedButton extends StatelessWidget {
  const RoundedButton({
    this.title,
    this.color,
    required this.onPressed,
  });

  final Color? color;
  final String? title;
  final VoidCallback onPressed;

  @override
  Widget build(BuildContext context) {
    // 提前处理空值，自定义兜底逻辑
    final buttonColor = color ?? Theme.of(context).primaryColor;
    final buttonText = title ?? '';
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 16.0),
      child: Material(
        elevation: 5.0,
        color: buttonColor,
        borderRadius: BorderRadius.circular(30.0),
        child: MaterialButton(
          onPressed: onPressed,
          minWidth: 200.0,
          height: 42.0,
          child: Text(
            buttonText,
            style: const TextStyle(color: Colors.white),
          ),
        ),
      ),
    );
  }
}

优缺点 #

• 优点：灵活度最高，既保留参数可选的特性，又完全避免强制解包的风险，兜底逻辑可根据业务需求自定义。
• 缺点：相比前两种方案多了少量空值处理代码，对整体性能无影响。

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