Flutter

为您的 Flutter 应用提供客户支持

Riverpod 状态管理、GoRouter 兼容屏幕和可配置的认证钩子系统。一个完整的客户支持 UI 库，可集成到任何 Flutter 应用程序中。

pubspec.yaml

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

为什么选择 Escalated

为什么选择 Escalated 用于 Flutter

专为您的客户支持体验设计的原生 Flutter 库。

Riverpod 状态管理

工单、文章和认证状态通过 Riverpod 提供者管理。响应式、可测试、可组合 — 遵循 Flutter 最佳实践。

平台原生组件

StatusBadge、PriorityBadge、SlaTimer、SatisfactionRating 等 — 全部使用 Material Design 构建，支持深色/浅色主题。

认证钩子系统

覆盖登录、登出、注册和令牌刷新行为。使用默认的 Bearer 令牌实现或接入您自己的认证流程。

开始使用

工作原理

从零到可用帮助台只需三步。

添加依赖

将 escalated 添加到您的 pubspec.yaml

安装包

flutter pub get

包装您的应用

使用 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 应用添加支持工单了吗？

安装库，包装您的应用，连接屏幕。开源且永久免费。

阅读文档在 GitHub 上查看