__CAPGO_KEEP_3__

설치

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

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

이미지를 URI와 같은 형식으로 사용하세요. 지원하는 형식은 절대 파일 경로, 또는 iconSource 클립보드에 복사 https://, http://, file://, data:, blob:__CAPGO_KEEP_0__ Plugin Directory에 있는 제품 워크플로우에서 { uri }.

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

iconSource native 플러그인 작업을 계획하고 있다면 icon.

Getting Started를 사용하여

Getting Started를 사용하여 native 플러그인 작업을 계획하고 있다면 Getting Started를 사용하여 native 플러그인 작업을 계획하고 있다면 Getting Started를 사용하여 native 플러그인 작업을 계획하고 있다면 Capgo Plugin Directory for the product workflow in Capgo Plugin Directory, Capacitor 플러그인들에 의해 Capgo Capacitor 플러그인들에 의해 Capgo의 구현 세부 사항에 대해 플러그인 추가 또는 업데이트 플러그인 추가 또는 업데이트의 구현 세부 사항에 대해 아이오닉 엔터프라이즈 플러그인 대체 아이오닉 엔터프라이즈 플러그인 대체의 제품 워크플로에 대해, 그리고 Capgo 네이티브 빌드 Capgo 네이티브 빌드의 제품 워크플로에 대해.