Flutter ImagePicker 在 onPressed 中异步获取图像显示 lint 警告

发布于05月22日

我正在使用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警告:

应为同步函数，但获得了异步.

我做错了吗？

推荐答案

根据DART代码度量，这是对DART代码设计的警告，该设计避免在需要同步的情况下调用异步函数.

avoid-passing-async-when-sync-expected个

为了避免棉绒的抱怨，目前有两种方法.

使用Then()方法

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

使用匿名函数(我不喜欢那个函数，我们应该把它转换成一个单独的函数)

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