Flutter中ImagePicker在onPressed异步调用触发lint警告问题咨询

我正在使用ImagePicker实现头像上传功能，将逻辑编写在按钮的onPressed函数中，代码如下：

OutlinedButton.icon(
  icon: Icon(Icons.upload),
  label: Text("Select profile picture"),
  onPressed: () async {
    XFile? image = await introVM.imagePicker.pickImage(
        source: ImageSource.gallery,
        imageQuality: 50,
        preferredCameraDevice: CameraDevice.front);
    if (image != null) introVM.setProfilePicture(image!.path);
  },
);

功能运行无错误，但async部分触发lint警告：

Expected a sync function but got async.

请问我的做法是否有误？

你的做法没有功能层面的错误，这个lint警告的本质是：Flutter按钮的onPressed参数类型是VoidCallback，要求是返回void的同步函数，但你传入的async匿名函数实际返回的是Future<void>，类型不匹配才触发了警告。

解决方式有两种：

• 直接忽略警告：在async函数前添加lint忽略注释，写法如下：

onPressed: () async {
  // ignore: avoid_void_async
  XFile? image = await introVM.imagePicker.pickImage(
      source: ImageSource.gallery,
      imageQuality: 50,
      preferredCameraDevice: CameraDevice.front);
  if (image != null) introVM.setProfilePicture(image!.path);
},

• 拆分异步逻辑到单独函数：把异步代码抽成一个独立的async函数，onPressed调用这个同步函数（函数本身是void返回，内部执行异步逻辑），写法如下：

OutlinedButton.icon(
  icon: Icon(Icons.upload),
  label: Text("Select profile picture"),
  onPressed: _pickProfilePicture,
);

// 独立的异步逻辑函数
void _pickProfilePicture() async {
  XFile? image = await introVM.imagePicker.pickImage(
      source: ImageSource.gallery,
      imageQuality: 50,
      preferredCameraDevice: CameraDevice.front);
  if (image != null) introVM.setProfilePicture(image.path);
}

两种方式功能完全一致，第一种更简洁，第二种更符合lint代码规范，可根据自己的需求选择。

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