사진 보관함 Capacitor 플러그인

@capgo/capacitor-photo-library 사용하기

Capacitor 플러그인은 사진 갤러리를 웹 페이지처럼 보여주거나, 권한은 필요 없지만 수정이 불가능한 지루한 네이티브 화면으로 표시합니다.

설치

bun add @capgo/capacitor-photo-library
bunx cap sync

bunx cap sync 플러그인의 네이티브 code를 네이티브 프로젝트로 복사합니다. 플러그인을 업그레이드할 때마다 다시 실행하세요.

가져오기

import { PhotoLibrary } from '@capgo/capacitor-photo-library';

API 한눈에 보기

예제

checkAuthorization()

사용자에게 묻지 않고 현재 권한 상태를 반환합니다.

import { PhotoLibrary } from '@capgo/capacitor-photo-library';

const result = await PhotoLibrary.checkAuthorization();
console.log(result);

requestAuthorization()

필요한 경우 사진 라이브러리 접근 권한을 요청합니다.

import { PhotoLibrary } from '@capgo/capacitor-photo-library';

const result = await PhotoLibrary.requestAuthorization();
console.log(result);

getAlbums()

사용 가능한 앨범 목록을 가져옵니다.

import { PhotoLibrary } from '@capgo/capacitor-photo-library';

const result = await PhotoLibrary.getAlbums();
console.log(result);

getLibrary()

웹 뷰에서 표시할 수 있는 URL과 함께 라이브러리 에셋을 가져옵니다.

import { PhotoLibrary } from '@capgo/capacitor-photo-library';

const result = await PhotoLibrary.getLibrary();
console.log(result);

getPhotoUrl()

에셋의 전체 해상도 버전을 표시할 수 있는 URL을 가져옵니다. 이미 getLibrary 함께 includeFullResolutionData를 호출했다면 보통 이 메서드는 필요하지 않습니다.

import { PhotoLibrary } from '@capgo/capacitor-photo-library';

const result = await PhotoLibrary.getPhotoUrl({ id: 'id-123' });
console.log(result);

getThumbnailUrl()

에셋의 크기를 조정한 썸네일을 표시할 수 있는 URL을 가져옵니다.

import { PhotoLibrary } from '@capgo/capacitor-photo-library';

const result = await PhotoLibrary.getThumbnailUrl({ id: 'id-123' });
console.log(result);

위 표에는 7개의 핵심 메서드가 나열되어 있습니다. Listener와 버전 헬퍼, 각 메서드의 전체 스펙은 GitHub 리포지토리.

전체 레퍼런스

• GitHub 리포지토리
• 문서
• API 레퍼런스

@capgo/capacitor-photo-library 사용하기 계속하기

사용 중인 경우 @capgo/capacitor-photo-library 사용하기 네이티브 미디어 및 인터페이스 동작을 설계하려면, 이를 다음 항목과 연결하세요 @capgo/capacitor-photo-library @capgo/capacitor-photo-library의 구현 세부 사항은 시작하기 시작하기 문서의 구현 상세 내용은, @capgo/capacitor-live-activities 사용하기 @capgo/capacitor-live-activities 사용하기의 네이티브 기능을 위해서는, @capgo/capacitor-live-activities @capgo/capacitor-live-activities의 구현 세부 사항을 위해서는, @capgo/capacitor-video-player 사용하기 @capgo/capacitor-video-player. 사용하기의 네이티브 기능을 위해서는