Getting Started

Copia una riga di impostazione con i passaggi di installazione e la guida markdown completa per questo plugin.

        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.

Installa

Puoi utilizzare la nostra configurazione assistita da AI per installare il plugin. Aggiungi le Capgo abilità al tuo strumento AI utilizzando il seguente comando:

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

Poi utilizza la seguente richiesta:

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

Se preferisci la configurazione manuale, installa il plugin eseguendo i seguenti comandi e segui le istruzioni specifiche del tuo platform sotto:

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

Importa

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

Mostra un Toast

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

Aggiorna un Toast di caricamento

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

Segui una Promessa

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

Icone e Immagini

Usa icon per un nome di simbolo o markup SVG raw:

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

Usa iconSource per le immagini di tipo URI. Supporta https://, http://, file://, data:, blob:, percorsi di file assoluti, o { uri }.

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

iconSource ha la precedenza su icon.

Continua da Getting Started

Se stai utilizzando Getting Started per pianificare il lavoro sui plugin nativi, connettilo con Capgo Directory dei plugin per il flusso di lavoro del prodotto nella directory dei plugin Capgo i plugin Capacitor di Capgo per i dettagli di implementazione nei plugin Capacitor di Capgo Aggiungere o aggiornare i plugin per i dettagli di implementazione in Aggiungere o aggiornare i plugin Alternative per plugin aziendali di Ionic Enterprise per il flusso di lavoro del prodotto in Alternative per plugin aziendali di Ionic Enterprise, e Costruzioni native Capgo per il flusso di lavoro del prodotto in Costruzioni native Capgo