패키지, 저장소 및 앱 카테고리 검색

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 앱에 인스타그램 스타일의 다중 이미지 선택 기능을 통합하는 플러터 플러그인입니다. 사용자가 디바이스 갤러리에서 여러 이미지를 선택할 수 있도록 익숙하고 네이티브처럼 느껴지는 인터페이스를 제공하여 사진 업로드 경험을 향상시킵니다. 이 플러그인은 인스타그램의 직관적인 이미지 선택기 UI를 모방하도록 설계되어 소셜 미디어나 콘텐츠 제작 앱에 적합합니다. 최신 플러터 플랫폼을 지원하며, 최소한의 설정으로 원활한 통합을 제공합니다.

사용 사례

  • 소셜 미디어 앱 사진 업로드
  • 콘텐츠 생성 도구
  • 다중 이미지 프로필 사진 선택
  • 사용자 생성 콘텐츠 컬렉션
  • 전자상거래 제품 이미지 업로드

주요 기능

  • 인스타그램 스타일의 사용자 인터페이스
  • 다중 이미지 선택
  • 크로스 플랫폼 지원
  • 네이티브 성능
  • Flutter와의 간편한 통합
  • 모든 주요 데스크톱 및 모바일 플랫폼을 지원합니다

적합한 대상

  • 소셜 앱을 개발하는 개발자
  • 직관적인 이미지 선택이 필요한 앱
  • 다중 플랫폼을 대상으로 하는 프로젝트
  • 정교한 이미지 선택기 원하는 팀
  • 익숙한 인스타그램 스타일 인터페이스를 선호하는 사용자

고려 사항

  • 플랫폼별 권한이 필요합니다
  • 사용자 정의 테마를 위해 추가적인 스타일링이 필요할 수 있습니다
  • 피커 레이아웃의 사용자 정의 제한
  • 하위 플랫폼 이미지 라이브러리에 의존합니다
  • 단일 이미지 사용 사례에는 적합하지 않음

원본 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 개

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.