Skip to main content
Flutter

あなたの Flutter アプリにカスタマーサポートを

Riverpod状態管理、GoRouter互換スクリーン、設定可能な認証フックシステム。あらゆるFlutterアプリケーションに統合できる完全なカスタマーサポートUIライブラリ。

pubspec.yaml
escalated:
  git:
    url: https://github.com/escalated-dev/escalated-flutter.git

なぜEscalatedか

FlutterにEscalatedを選ぶ理由

カスタマー向けサポート体験のために設計されたネイティブFlutterライブラリ。

Riverpod状態管理

チケット、記事、認証状態はRiverpodプロバイダーで管理されます。リアクティブでテスト可能、コンポーザブル — Flutterのベストプラクティスに従います。

プラットフォームネイティブウィジェット

StatusBadge、PriorityBadge、SlaTimer、SatisfactionRatingなど — すべてMaterial Designとダーク/ライトテーマサポートで構築。

認証フックシステム

ログイン、ログアウト、登録、トークンリフレッシュの動作をオーバーライド。デフォルトのBearerトークン実装を使用するか、独自の認証フローを接続できます。

はじめに

仕組み

ゼロから動作するヘルプデスクまで3ステップ。

1

依存関係を追加

pubspec.yamlにescalatedを追加

2

パッケージをインストール

flutter pub get

3

アプリをラップ

EscalatedPluginでアプリをラップし、APIベースURLを渡し、GoRouterにスクリーンを接続します。

機能

Flutter向けに構築

Flutterアプリでのカスタマーサポート体験に必要なすべて。

Riverpodプロバイダー

認証、チケット、ナレッジベース、テーマ状態はRiverpodで管理。プロバイダーをリアクティブに監視し、スクリーン間で状態を合成します。

GoRouterナビゲーション

すべてのスクリーンはGoRouter互換ウィジェットです。既存のナビゲーションに接続するか、含まれているルート定義を使用します。

ダーク&ライトテーマ

Material Designトークンを使用した完全なダーク&ライトモードサポート。システム設定を尊重し、手動切り替えが可能。

4言語i18n

英語、スペイン語、フランス語、ドイツ語の翻訳が含まれています。すべてのカスタマー向け文字列はローカライズ可能。

設定可能なデザイントークン

EscalatedConfigを通じてプライマリカラー、ボーダーラジウス、その他のデザイントークンをオーバーライドし、アプリのブランドに合わせます。

完全なスクリーンセット

ログイン、登録、チケットリスト、チケット作成、返信付きチケット詳細、ナレッジベース、ゲストアクセス、設定 — すべてプロダクション対応。

コード

シンプルな統合

数行でFlutterアプリにカスタマーサポートを追加。

// main.dart
import 'package:escalated/escalated.dart';

void main() {
  runApp(
    ProviderScope(
      child: EscalatedPlugin(
        config: EscalatedConfig(
          baseUrl: 'https://api.example.com',
          primaryColor: Colors.indigo,
        ),
        child: MaterialApp.router(
          routerConfig: GoRouter(
            routes: [
              ...escalatedRoutes,
              ...yourAppRoutes,
            ],
          ),
        ),
      ),
    ),
  );
}

Flutterアプリにサポートチケットを追加する準備はできましたか?

ライブラリをインストールし、アプリをラップし、スクリーンを接続します。オープンソースで永久無料。