Dart中如何向构造函数传递异步函数并赋值给实例变量？

嘿，我一眼就瞅出你代码里的问题啦！你在构造函数参数里写的Future<dynamic> Function(String?) async func是错误的——async是用来标记函数实现的关键字，它不属于函数类型的一部分，所以编译器才会报错说“Expected to find ')'”。

正确的写法思路 #

函数类型只需要描述清楚：这个函数接受什么参数、返回什么类型就行。异步函数的本质是返回Future，所以我们只需要把实例变量和构造参数的类型定义为Future<dynamic> Function(String?)就可以了，不用加async。

修正后的代码示例 #

基础修正版

class TextBox extends StatefulWidget {
  late String message;
  late bool isPass;
  late Future<dynamic> Function(String?) callback;

  // 去掉参数类型里的async
  TextBox(String message, bool isPass, Future<dynamic> Function(String?) func) {
    this.message = message;
    this.isPass = isPass;
    this.callback = func;
  }
}

更简洁的Dart风格（推荐）

Dart里更常用初始化列表的方式写构造函数，而且尽量用final修饰成员变量（除非真的需要后期初始化）：

class TextBox extends StatefulWidget {
  final String message;
  final bool isPass;
  final Future<dynamic> Function(String?) callback;

  // 直接通过初始化列表赋值，代码更简洁
  TextBox(this.message, this.isPass, this.callback);
}

可读性升级：用typedef给函数类型起别名

如果这个异步回调会被多次使用，建议给它起个别名，让代码更清晰：

// 定义一个异步回调的类型别名
typedef AsyncInputCallback = Future<dynamic> Function(String?);

class TextBox extends StatefulWidget {
  final String message;
  final bool isPass;
  final AsyncInputCallback callback;

  TextBox(this.message, this.isPass, this.callback);
}

使用示例 #

当你创建TextBox实例时，传入的函数可以正常加async（这时候是在函数实现里用，完全没问题）：

TextBox(
  "请输入内容",
  false,
  (String? input) async {
    // 这里写你的异步逻辑，比如保存到本地或者发起网络请求
    await saveInputToStorage(input);
  },
)

内容的提问来源于stack exchange，提问作者some guy who codes