flutter_instagram_image_picker

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter plugin that integrates Instagram-style multi-image selection into apps on Android, iOS, Web, macOS, Windows, and Linux. It provides a familiar, native-like interface for users to pick multiple images from their device's gallery, enhancing the photo upload experience. The plugin is designed to mirror Instagram's intuitive image picker UI, making it ideal for social media or content creation apps. It supports modern Flutter platforms and offers seamless integration with minimal setup.

Use cases

Social media app photo uploads
Content creation tools
Multi-image profile picture selection
User-generated content collection
E-commerce product image uploads

Key features

Instagram-style UI
Multi-image selection
Cross-platform support
Native-like performance
Easy integration with Flutter
Supports all major desktop and mobile platforms

Suitable for

Developers building social apps
Apps requiring intuitive image selection
Projects targeting multiple platforms
Teams wanting a polished image picker
Users preferring familiar Instagram-style interfaces

Considerations

Requires platform-specific permissions
May need additional styling for custom themes
Limited customization of picker layout
Depends on underlying platform image libraries
Not suitable for single-image-only use cases

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

A Flutter package for picking images from Instagram

Getting Started

This plugin displays a gallery with user's Instagram Albums and Photos, based on the access token provided. It does handle authorization and login by itself.
Then just provides access data (userId+SessionKey) to the gallery.

Usage

1.Check if user has logged in, if not prompt him to enter his login data using by navigation to the InstagramLoginPage

bool isLogged = await InstagramAuth().isLogged;
// check if user already logged in, if not log the user
if (!isLogged) {
  bool loginStatus = await InstagramAuth().signUserIn(context);

  // if user canceled the operation
  if (!loginStatus)
    return;
}

2.Check if the user logged in successfully by accessing his data.

final accessMapData = await InstagramAuth().accessData;
if(accessMapData == null){
  return null;
}

3.After we got the access data, we can navigate to InstagramImagePicker:

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => InstagramImagePicker(
      accessMapData,
      showLogoutButton: true,
      onDone: (photos) {
        // photos are the photos you selected in the picker
        // each one has the url
        Navigator.pop(context);
      },
      onCancel: () => Navigator.pop(context),
    ),
  ),
);
,

Screenshots

Image Picker:

Image Picker (after selection):

Search packages, repositories and app categories