Flutter: 'Lost connection to device.' second time using image_picker to select photo from gallery on iOS

Question

I am developing a mobile app in flutter that requires the user to select an image from the gallery.

I am using image_picker: ^0.6.7+11 and here is my code:

if (await Permission.photos.request().isGranted) {
    try {
      final image =
          await ImagePicker().getImage(source: ImageSource.gallery);
      if (image != null) {
        photo.clearData();
        File _image = File(image.path);
        photo.addOriginal(_image);
      } else {
        print('no image selected');
      }
    } on PlatformException catch (e) {
      print('Platform exception $e');
    } catch (e) {
      print('Unknown error: $e');
    }
  }

In the android emulator, everything works fine. In the iOS simulator I am able to choose an image, but if I try to choose a second image then the app crashes and 'Lost connection to device.' is printed in the run tab - but no errors.

Question: How can I fix this so that I can go back to the gallery and select a different image as many times as I want on iOS?

When debugging I have come across this:

PlatformException(multiple_request, Cancelled by a second request, null, null)

I have gone through as many similar questions as I can find on here, GitHub etc... I have:

• upgraded flutter
• upgraded pub files
• flutter clean
• clean and build in Xcode
• added 'imageCache.clear()' in flutter code
• invalidate caches and restart in android studio
• flutter doctor -v : no issues found
• checked the permissions (info.plist and added permission_handler package)
• restarted the simulator
• erased all contents and settings in simulator
• debugging with breakpoints weirdly stops the problem from happening a few times then after a few selections the app crashes again ¯\(ツ)/¯

I'm sure its something straight forward but I feel like I have exhausted all my options and not sure where to go from here.

Solution

Your code is right and it is a simulator problem,if you want to test it on IOS, you have to test on a real IPhone and here is a snippet on how properly you can do it:

final imagePicker = ImagePicker();
    PickedFile pickedFile;
    if (fileType == FileType.Camera) {
      // Camera Part
      pickedFile = await imagePicker.getImage(
        source: ImageSource.camera,
        maxWidth: 480,
        maxHeight: 640,
        imageQuality: 25, // pick your desired quality
      );
      setState(() {
        if (pickedFile != null) {
          _storedFile = File(pickedFile.path);
        } else {
          print('No image selected.');
          return;
        }
      });
    } else if (fileType == FileType.Gallery) {
      // Gallery Part
      pickedFile = await imagePicker.getImage(
        source: ImageSource.gallery,
        maxWidth: 480,
        maxHeight: 640,
        imageQuality: 25,
      );
        } else {
          print('No image selected.');
          return;
        }
      });
    }

and don't forget the enum when the user picks the way he wants to get the image:

enum FileType {
  Gallery,
  Camera,
  Video,
}

Edit: whenever you add a package that depends on native code, you should restart the whole app build b stopping your build and restarting it again so the native code compiles well, don't forget to restart before putting this package in your pubspec.yaml

Hope it helps, if this answer helped you, don't forget to mark as answered and upvote it please.