Promiseを追跡

インストール

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 セットアップを使用する場合は、以下のコマンドを実行してプラグインをインストールし、以下のプラットフォーム固有の指示に従ってください。

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

Promiseを追跡

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

アイコンと画像

使用 icon シンボル名またはRAW SVG マークアップの場合:

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

使用 iconSource 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 Capacitorプラグインの作業を計画するには、接続してください Getting Started Capgo プラグインディレクトリ Capgo製品ワークフロー向けに Capgo プラグインディレクトリ Capacitor Capgo によって提供されるプラグイン Capgo製品ワークフロー向けに Capacitor Capgo によって提供されるプラグイン プラグインの追加または更新 プラグインの追加または更新の実装詳細 イオニック エンタープライズ プラグインの代替 イオニック エンタープライズ プラグインの代替の製品ワークフロー向け Capgo ネイティブ ビルド Capgo ネイティブ ビルドの製品ワークフロー向け