Gallery Access in Flutter
We can add images from the gallery using the image_picker package in Flutter. For this, you’ll need to use your real device.
Follow the below steps to display the images from the gallery:
Step 1: Create a new flutter application:
flutter create <YOUR_APP_NAME>
Step 2: Now, delete the code from the main.dart file to add your own code.
Step 3: Add the dependency to your pubspec.yaml file:
Step 4: Use the below code in the main.dart file :
When no image is selected, it will result:
When the button is pressed, it will ask for accessing photos, media, and files on your device as shown below:
When the permission is given to access photos and any image is selected from the gallery, it will be displayed on the screen as shown below:
- import image_picker package in main.dart file.
- for a gallery image, we have async function imageSelectorGallery() and await for gallery image.
- the image will be displayed after loaded.