React Native

为您的 React Native 应用提供客户支持

React Query 数据层、全面的 TypeScript 和灵活的认证钩子系统。适用于任何 React Native 应用程序的完整客户支持 UI 库。

阅读文档在 GitHub 上查看

终端

$ npm install @escalated-dev/escalated-react-native

为什么选择 Escalated

为什么选择 Escalated 用于 React Native

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

React Query 数据层

工单、文章和变更通过 React Query 钩子管理。自动缓存、后台重新获取和乐观更新。

全面的 TypeScript

每个组件、钩子和服务都完全类型化。自动补全、编译时检查，零 any 类型。

认证钩子系统

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

开始使用

工作原理

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

安装包

npm install @escalated-dev/escalated-react-native

安装对等依赖

npx expo install @react-navigation/native react-native-screens react-native-safe-area-context

包装您的应用

使用 EscalatedProvider 包装您的应用，传入 API 基础 URL，并将屏幕连接到您的 React Navigation。

功能

为 React Native 打造

在 React Native 应用中构建客户支持体验所需的一切。

React Query 钩子

useTickets、useCreateTicket、useReplyTicket、useArticles 等。自动缓存失效和后台同步。

React Navigation 集成

所有屏幕都与 React Navigation 兼容。使用 createEscalatedTabs() 获取预构建导航器或单独连接屏幕。

深色和浅色主题

通过 ThemeProvider 和 useTheme 钩子提供完整的主题支持。通过手动切换尊重系统偏好。

4 种语言 i18n

包含英语、西班牙语、法语和德语翻译。所有面向客户的字符串均可本地化。

可配置的设计令牌

通过 EscalatedConfig 覆盖主色调、圆角和间距，以匹配您的品牌。

完整的屏幕集

代码

简单集成

几行代码即可为您的 React Native 应用添加客户支持。

// App.tsx
import { EscalatedProvider, createEscalatedTabs } from '@escalated-dev/escalated-react-native';
import { NavigationContainer } from '@react-navigation/native';

const SupportTabs = createEscalatedTabs();

export default function App() {
  return (
    <EscalatedProvider
      baseUrl="https://api.example.com"
      primaryColor="#6366f1"
    >
      <NavigationContainer>
        <SupportTabs />
      </NavigationContainer>
    </EscalatedProvider>
  );
}

准备好为您的 React Native 应用添加支持工单了吗？

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

阅读文档在 GitHub 上查看