FlutterFlow自定义SlideToCommit组件异步返回值非可空类型问题求助

问题场景 #

我在FlutterFlow中做无代码开发，同时自定义了SlideToCommit组件，将action作为参数传入，但收到FlutterFlow的错误提示：

函数体可能正常执行并返回null，但返回类型Future是潜在的非可空类型

自定义组件代码如下：

class SlideToCommit extends Stateful Widget {
  const SlideToCommit({
    Key? key,
    this.width,
    this.height,
    this.label,
    this.icon,
    required this.action,
  }) : super(key: key);

  final double? width;
  final double? height;
  final Widget? label;
  final Widget? icon;
  final Future<dynamic> Function() action;

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

class _SlideToCommitState extends State<SlideToCommit> {
  @override
  Widget build(BuildContext context) {
    return SliderButton(
        action: () async {
          print("test");
        },

        ///Put label over here
        label: Text(
          "Slide to commit",
          style: TextStyle(
              color: Color(0xff4a4a4a),
              fontWeight: FontWeight.w500,
              fontSize: 17),
        ),
        icon: Center(
            child: Icon(
          Icons.power_settings_new,
          color: Colors.white,
          size: 40.0,
          semanticLabel: 'Text to announce in accessibility modes',
        )));
  }
}

错误原因 #

你给SliderButton的action赋值的异步函数没有明确返回值，默认会返回Future<Null>，但组件定义的action类型是Future<dynamic> Function()，在Dart空安全规则下，这种隐式返回null的情况会触发非可空类型警告。另外，当前代码未使用自定义组件传入的widget.action，而是写了测试用的print，违背了组件的设计意图。

解决办法 #

方法1：规范类型并使用传入的action #

如果你的action不需要返回具体内容，建议把参数类型改成Future<void> Function()，语义更清晰，同时调用传入的widget.action并返回其结果：

class SlideToCommit extends Stateful Widget {
  const SlideToCommit({
    Key? key,
    this.width,
    this.height,
    this.label,
    this.icon,
    required this.action,
  }) : super(key: key);

  final double? width;
  final double? height;
  final Widget? label;
  final Widget? icon;
  // 修改为Future<void>类型，明确无返回值
  final Future<void> Function() action;

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

class _SlideToCommitState extends State<SlideToCommit> {
  @override
  Widget build(BuildContext context) {
    return SliderButton(
        // 调用传入的action并返回其Future
        action: () async {
          return widget.action();
        },
        // 使用自定义传入的label，添加默认值
        label: widget.label ?? Text(
          "Slide to commit",
          style: TextStyle(
              color: Color(0xff4a4a4a),
              fontWeight: FontWeight.w500,
              fontSize: 17),
        ),
        // 使用自定义传入的icon，添加默认值
        icon: widget.icon ?? Center(
            child: Icon(
          Icons.power_settings_new,
          color: Colors.white,
          size: 40.0,
          semanticLabel: 'Text to announce in accessibility modes',
        )));
  }
}

方法2：保留原类型并明确返回值 #

如果要保留Future<dynamic>类型，只需在异步函数里明确返回一个值（比如null）即可：

// 仅修改SliderButton的action部分
action: () async {
  print("test");
  return null; // 明确返回null，符合Future<dynamic>的要求
},

额外提示 #

你当前代码硬编码了label和icon的内容，没有使用组件传入的widget.label和widget.icon参数，建议改成带默认值的形式，提升组件复用性。

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