Getting Started

설치

Capgo의 AI 보조 설치를 사용하여 플러그인을 설치할 수 있습니다. 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.

만약 Manual Setup을 선호한다면, 다음 명령어를 실행하고 아래에 플랫폼에 따라 설명된 지침을 따르세요.

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);

프로미스 추적

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

아이콘 및 이미지

사용 icon 이미지나 SVG 마크업을 위한 Symbol 이름 또는 Raw SVG 마크업을 위한 이름:

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

URI 형식의 이미지를 위한 사용 iconSource absolute 파일 경로, 또는 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에서 계속하기 섹션입니다. Getting Started에서 계속하기 섹션 native 플러그인 작업을 계획하기 위해, Capgo 플러그인 디렉토리와 연결하세요. Capgo 플러그인 디렉토리 내에서 제품 워크플로우를 위해, Capacitor 플러그인들에 의해 Capgo Capacitor 플러그인들에 의해 Capgo의 implementation detail을 위해, 플러그인을 추가하거나 업데이트 하기 위해 플러그인을 추가하거나 업데이트 하기 위해 implementation detail을 위해, Ionic Enterprise 플러그인 대체품 Ionic Enterprise 플러그인 대체품의 제품 워크플로우를 위해, Capgo 네이티브 빌드 Capgo 네이티브 빌드의 제품 워크플로우를 위해,