Mulai Menggunakan

Pengaturan siap dicopy dengan langkah instalasi dan panduan markdown lengkap untuk plugin ini.

        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.

Instal

Kamu bisa menggunakan Setup Bantuan AI kami untuk menginstal plugin ini. Tambahkan kemampuan Capgo ke alat AI kamu menggunakan perintah berikut:

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

Lalu gunakan prompt berikut:

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

Jika kamu lebih suka Menggunakan Setup Manual, instal plugin ini dengan menjalankan perintah-perintah berikut dan ikuti instruksi spesifik platform di bawah ini:

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

Import

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

Tampilkan Toast

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

Perbarui Toast Sementara

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

Ikuti Sebuah Promesa

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

Ikon dan Gambar

Gunakan icon Untuk nama simbol atau markup SVG mentah:

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

Pilih iconSource Untuk gambar-gambar seperti URI. https://, http://, file://, data:, blob:Menggunakan untuk gambar seperti URI. Ia mendukung { uri }.

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

iconSource , jalur file absolut, atau icon.

mengambil prioritas atas

Bab berjudul “Teruskan dari Getting Started” Jika Anda menggunakan hubungkan plugin native untuk perencanaan Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo Capacitor Plugin oleh Capgo untuk detail implementasi di Capacitor Plugin oleh Capgo Menambahkan atau Mengupdate Plugin untuk detail implementasi di Menambahkan atau Mengupdate Plugin Alternatif Plugin Enterprise Ionic untuk alur kerja produk di Alternatif Plugin Enterprise Ionic, dan Capgo Build Nativ untuk alur kerja produk di Capgo Build Nativ