What is image_picker?

Pick an image from gallery or camera with image_picker.

What is image_picker?

The image_picker package lets the user pick an image from the gallery or the camera. You create an instance of ImagePicker and call its pickImage method. The selected image is returned as an XFile.

final picker = ImagePicker();
final file = await picker.pickImage(source: ImageSource.gallery);

The XFile class

XFile is the class that holds the path and metadata of the selected file. You access the file path with file.path; you use this path with Image.file or File to display the image. If the user cancels, null is returned.

if (file != null) {
  print(file.path);
}

Exercise Create an ImagePicker instance

Create an ImagePicker instance and print 'ok'.

Show example solution

class ImagePicker {
  ImagePicker();
}

void main() {
  final picker = ImagePicker();
  print('ok');
}

Test yourself

What does the pickImage method of image_picker return?
- Future<Widget>
- Future<int>
- Future<String>
- Future<XFile?>
Show answer

Future<XFile?> — pickImage returns Future<XFile?>; it returns null if the user cancels the selection.

Create an ImagePicker

final picker = ____;

Show answer

final picker = ImagePicker();

image_picker parts

ImagePicker

Picker class
pickImage

Picks an image
XFile

Selected file
path

File path

Next lesson: pickImage

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies