搜索插件、代码仓与 APP 分类

flutter_instagram_image_picker 封面
插件详情v2.0.0

flutter_instagram_image_picker

Flutter 插件,可在 iOS 和 Android 上显示 Instagram 多图选择器。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
77
喜欢数
25
Pub 分数
140

安装插件

flutter pub add flutter_instagram_image_picker

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 插件,可将 Instagram 风格的多图片选择功能集成到 Android、iOS、Web、macOS、Windows 和 Linux 上的应用程序中。它为用户提供了熟悉且类似原生的界面,以便从设备相册中选择多张图片,从而提升照片上传体验。该插件旨在模仿 Instagram 直观的图片选择器 UI,非常适合社交媒体或内容创作类应用。支持现代 Flutter 平台,并提供无缝集成,设置简单。

适合场景

  • 社交媒体应用照片上传
  • 内容创作工具
  • 多图片个人资料照片选择
  • 用户生成内容集合
  • 电子商务产品图片上传

主要特点

  • Instagram 风格的用户界面
  • 多图选择
  • 跨平台支持
  • 原生性能
  • 与 Flutter 的轻松集成
  • 支持所有主要的桌面和移动平台

适合对象

  • 开发社交应用的开发者
  • 需要直观图像选择的应用程序
  • 面向多个平台的项目
  • 希望获得精美图像选择器的团队
  • 偏好熟悉 Instagram 风格界面的用户

使用建议

  • 需要平台特定权限
  • 可能需要额外的样式来支持自定义主题
  • 选择器布局的自定义有限
  • 依赖于底层平台的图像库
  • 不适用于仅单张图片的使用场景

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

flutter_instagram_image_picker

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

  • Login Page:

  • Image Picker:

  • Image Picker (after selection):

所属分类

依赖

依赖清单 3 项

源码仓库

使用此插件的项目

暂无相关数据。