[Getting Started]

インストール

AI-Assisted Setupを使用してプラグインをインストールできます。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);

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.',
});

URIのような画像の場合。絶対ファイルパスや iconSource クリップボードにコピー 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.

Capacitorを使用している場合

Section titled “Keep going from Getting Started” 「Getting Started」から続けてください ネイティブ プラグイン作業を計画するには、{0}に接続してください。 Capgo プラグイン ディレクトリ for the product workflow in Capgo Plugin Directory, Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, プラグインの追加または更新 {0}の実装詳細については、プラグインの追加または更新をご覧ください。 Ionic Enterprise プラグインの代替 {0}の製品ワークフローについては、Ionic Enterprise プラグインの代替と{0}のネイティブ ビルドをご覧ください。 Capgo Native Builds for the product workflow in Capgo Native Builds.