Flutter自定义Widget中如何将Function类型参数设为可选参数

嘿，我来帮你搞定这个问题！在Dart里要把Function类型的参数设为可选，主要有两种实用的方式，我结合你的代码给你一步步说明：

方法1：使用可空函数类型（Dart空安全推荐方式） #

如果你的项目已经启用了空安全（Dart 2.12+），最直接的做法是把函数类型改成可空类型，这样参数就可以默认是null，不用额外设置默认值。不过使用的时候要记得判空，避免空指针错误。

修改后的代码如下：

class TextInputWithIcon extends StatefulWidget {
  final String iconPath;
  final String placeHolder;
  // 将Function(bool)改为可空的Function(bool)?
  final Function(bool)? onFocusChange;

  const TextInputWithIcon({
    Key? key, // 空安全下建议把Key也设为可空
    required this.iconPath, // 新版本Dart用required替代@required
    this.placeHolder = "",
    this.onFocusChange, // 可选参数，默认值为null
  }) : super(key: key);

  @override
  _TextInputWithIconState createState() => _TextInputWithIconState();
}

class _TextInputWithIconState extends State<TextInputWithIcon> {
  @override
  Widget build(BuildContext context) {
    // 使用时通过?.call()判空调用，避免空指针
    return TextField(
      onFocusChange: (hasFocus) {
        widget.onFocusChange?.call(hasFocus);
      },
      // 其他属性...
    );
  }
}

方法2：设置默认空函数作为参数默认值 #

如果你不想处理null的情况，可以给函数参数设置一个空的默认实现，这样参数永远不会是null，使用时直接调用就行，不用判空。

代码示例：

class TextInputWithIcon extends StatefulWidget {
  final String iconPath;
  final String placeHolder;
  final Function(bool) onFocusChange;

  const TextInputWithIcon({
    Key? key,
    required this.iconPath,
    this.placeHolder = "",
    // 给可选参数设置默认的空函数
    this.onFocusChange = _defaultOnFocusChange,
  }) : super(key: key);

  // 定义一个静态的空函数作为默认实现
  static void _defaultOnFocusChange(bool hasFocus) {}

  @override
  _TextInputWithIconState createState() => _TextInputWithIconState();
}

class _TextInputWithIconState extends State<TextInputWithIcon> {
  @override
  Widget build(BuildContext context) {
    // 直接调用即可，无需判空
    return TextField(
      onFocusChange: widget.onFocusChange,
      // 其他属性...
    );
  }
}

两种方法的小对比 #

• 方法1更灵活，允许调用者不传回调（参数为null），但必须在使用时判空；
• 方法2更安全，不用处理null场景，但会存在一个空函数的默认实现，适合大多数不需要回调的场景。

另外提醒下：新版本Dart已经弃用了@required注解，推荐使用required关键字来标记必填参数哦～

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