Getting Started

이 플러그인의 설치 단계와 전체 마크다운 가이드를 포함하여 __CAPGO_KEEP_0__을 복사할 수 있습니다.

        Set up this Capacitor plugin in the project.

Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-pretty-toast`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/pretty-toast/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.

설치

Capgo를 사용하여 AI 도구에 Capgo 스킬을 추가할 수 있습니다. 다음 명령어를 사용하세요:

npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

그다음에 다음 프롬프트를 사용하세요:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-pretty-toast` plugin in my project.

만약에 수동 설치를 원한다면, 다음 명령어를 실행하고 아래의 플랫폼에 맞는 설명을 따라하세요:

npm install @capgo/capacitor-pretty-toast
npx cap sync

Import

import { toast } from '@capgo/capacitor-pretty-toast';

토스트 메시지 표시

toast.success('Saved', {
  message: 'Your changes are ready.',
});

로딩 토스트 업데이트

const id = toast.loading('Uploading', {
  message: 'Waiting for the server response.',
});

setTimeout(() => {
  toast.update(id, {
    title: 'Upload complete',
    message: 'The file was stored successfully.',
    icon: 'checkmark.circle.fill',
    autoDismiss: true,
  });
}, 1500);

Promise 추적하기

await toast.promise(uploadFile(), {
  loading: {
    title: 'Uploading',
    message: 'Keep the app open while the file is sent.',
  },
  success: 'Uploaded',
  error: 'Upload failed',
});

아이콘과 이미지

Use icon for a symbol name or raw SVG markup:

toast.info('New message', {
  icon: 'message.fill',
  message: 'Open the inbox to reply.',
});

사용 iconSource URI-like 이미지에 대해 사용합니다. 절대 파일 경로, 또는 https://, http://, file://, data:, blob:복사하기 { uri }.

toast.show({
  title: 'Profile updated',
  message: 'Your avatar changed.',
  iconSource: 'https://example.com/avatar.png',
});

iconSource Getting Started에서 계속하기 icon.

Getting Started에서 계속하기

Getting Started를 사용하여 네이티브 플러그인 작업을 계획하고 있다면 __CAPGO_KEEP_0__ 플러그인 디렉토리와 연결하세요. __CAPGO_KEEP_0__ 플러그인 디렉토리 Capgo Capgo 제품 워크플로우에서 플러그인 디렉토리에서 Capacitor 플러그인은 Capgo에 의해 Capacitor 플러그인의 구현 세부 사항에서 Capgo에 의해 플러그인 추가 또는 업데이트 __CAPGO_KEEP_0__ 플러그인의 구현 세부 사항에서 플러그인 추가 또는 업데이트 아이오닉 엔터프라이즈 플러그인 대안 __CAPGO_KEEP_0__ 제품 워크플로우에서 아이오닉 엔터프라이즈 플러그인 대안, Capgo 네이티브 빌드 Capgo 제품 워크플로우에서 Capgo 네이티브 빌드.