パッケージ、リポジトリ、アプリカテゴリを検索

flutter_instagram_image_picker のカバー
パッケージ詳細v2.0.0

flutter_instagram_image_picker

iOS および Android で Instagram マルチ画像ピッカーを表示できる Flutter プラグイン。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
77
いいね数
25
Pub ポイント
140

パッケージをインストール

flutter pub add flutter_instagram_image_picker

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Android、iOS、Web、macOS、Windows、Linux のアプリにインスタグラム風の複数画像選択機能を統合するFlutterプラグインです。ユーザーがデバイスのギャラリーから複数の画像を選択できる、親しみやすくネイティブに近いインターフェースを提供し、写真アップロード体験を向上させます。このプラグインは、インスタグラムの直感的な画像ピッカーUIを再現することを目的としており、ソーシャルメディアやコンテンツ作成アプリに最適です。最新のFlutterプラットフォームをサポートし、最小限の設定でスムーズな統合を実現します。

用途

  • ソーシャルメディアアプリの写真アップロード
  • コンテンツ作成ツール
  • 複数画像のプロフィール写真選択
  • ユーザー生成コンテンツのコレクション
  • EC商品画像のアップロード

主な機能

  • Instagram風のUI
  • 複数画像選択
  • クロスプラットフォーム対応
  • ネイティブに近いパフォーマンス
  • 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 件

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。