メインコンテンツへスキップ

@capgo/capacitor-pretty-toast

ローディングやPromiseヘルパーを備えた、ネイティブスタイルのトースト通知。

使い方 toast.success() と toast.loading() 軽量なフィードバックとして、アラートによるブロックの代わりに利用できます。

プラットフォームサポート備考
iOSはいネイティブUI
AndroidはいMaterialスタイル
WebはいDOMフォールバック
実機でのPretty Toastアニメーションデモ
トースト通知のフロー
  • toast.show - 設定オブジェクトからカスタムトーストを表示
  • toast.success, toast.error, toast.info, toast.warning - タイトルと任意の設定で一般的なセマンティックトーストを表示
  • toast.loading - 永続的なローディングトーストを表示
  • toast.update - 既存のトーストをその場で更新
  • toast.promise - Promiseの状態(loading, success, error)を追跡
  • toast.dismiss と toast.dismissAll - トーストを1つ削除するか、キューをクリアします。
メソッド説明
toast.show(config, options?)フルサイズでトーストを表示します ToastConfig.
toast.success(title, config?, options?)成功時のトーストを表示します。
toast.error(title, config?, options?)エラー時のトーストを表示します。
toast.info(title, config?, options?)情報通知のトーストを表示します。
toast.warning(title, config?, options?)警告のトーストを表示します。
toast.loading(title, config?, options?)デフォルトで自動的に閉じないローディング中のトーストを表示します。
toast.update(id, partial)既存のトーストを更新します。
toast.promise(promise, messages)ローディング状態を表示した後、成功またはエラーの結果に更新します。
toast.dismiss(id?)特定のトースト、または現在表示中のトーストを閉じます。
toast.dismissAll()表示中およびキューにあるすべてのトーストを閉じます。

信頼できる唯一の情報源

「Source Of Truth」セクション

このリファレンスは以下から同期されています: src/definitions.ts 内の capacitor-pretty-toast.

@capgo/capacitor-pretty-toast から次へ

「@capgo/capacitor-pretty-toast から次へ」セクション

以下を使用している場合: @capgo/capacitor-pretty-toast ネイティブプラグインの作業を計画するには、それを以下と連携させる Capgo プラグインディレクトリ Capgo プラグインディレクトリでのプロダクトワークフロー向けに、 Capgo による Capacitor プラグイン Capgo による Capacitor プラグインの実装詳細については、 プラグインの追加・更新 プラグインの追加・更新における実装詳細については、 Ionic Enterprise プラグインの代替案 Ionic Enterprise プラグインの代替案のプロダクトワークフロー、および Capgo Native Build Capgo Native Builds のプロダクトワークフローについて。