시작

설치

AI-Assisted 설치를 사용하여 플러그인을 설치할 수 있습니다. 다음 명령어를 사용하여 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);

Promise 추적하기

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

아이콘 및 이미지

사용 icon for a symbol name or raw SVG markup:

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

사용 iconSource URI-형 이미지와 같은 URI를 지원합니다. 절대 파일 경로, 또는 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__ 플러그인 디렉토리와 연결하세요 Getting Started Capgo Plugin Directory 제품 워크플로우에 대한 Capgo 플러그인 디렉토리에서 Capacitor 플러그인은 Capgo에 의해 Capacitor 플러그인에 대한 구현 세부 사항은 Capgo에 의해 플러그인을 추가하거나 업데이트 플러그인 추가 또는 업데이트에 대한 구현 세부 사항은 아이오닉 엔터프라이즈 플러그인 대체 제품 워크플로우에 대한 아이오닉 엔터프라이즈 플러그인 대체 Capgo 네이티브 빌드 Capgo 네이티브 빌드에 대한 제품 워크플로우