시작하기

설치

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 { 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 symbol 이름 또는 raw SVG 마크업:

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

사용 iconSource URI-like 이미지에 사용 https://, http://, file://, data:, blob:absolute 파일 경로, 또는 { uri }.

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

iconSource 상위 우선권을 가짐 icon.

Getting Started에서 계속

native 플러그인 작업을 계획하고 있습니다. native plugin과 연결 시작하기 Getting Started Capgo 플러그인 디렉토리 Capgo 제품 워크플로우를 위한 Capgo 플러그인 디렉토리 Capacitor 플러그인들에 의해 Capgo Capgo 제품 워크플로우를 위한 Capacitor 플러그인들에 의해 Capgo 플러그인 추가 또는 업데이트 플러그인 추가 또는 업데이트에 대한 구현 세부 정보 아이오닉 엔터프라이즈 플러그인 대안 아이오닉 엔터프라이즈 플러그인 대안에 대한 제품 워크플로우 Capgo 네이티브 빌드 Capgo 네이티브 빌드에 대한 제품 워크플로우