构建跨平台应用 从未如此简单

@xrnjs/ui 是一个现代化的 React Native 组件库,为 iOS、Android 和 HarmonyOS 提供一致、高效且美观的 UI 组件,帮助开发者快速构建高质量的三端应用。

全面支持三端平台

一次编写,随处运行。@xrnjs/ui 确保您的应用在所有主流平台上提供一致的用户体验。

iOS

完全适配 iOS 设计规范,提供流畅的动画和原生的用户体验。

Android

遵循 Material Design 指南,完美适配各种 Android 设备和版本。

HarmonyOS

专为 HarmonyOS 优化,支持分布式能力和全场景体验。

丰富的组件集合

超过 50 个精心设计的组件,覆盖应用开发的方方面面

交互控件

按钮、开关、滑块等交互元素,提供流畅的用户体验。

Button Switch Slider

布局组件

卡片、列表、网格等布局工具,构建结构化界面。

Card List Grid

通知组件

弹窗、提示、通知等组件,优雅地传递信息。

Modal Toast Alert

数据可视化

图表、进度条等组件,直观展示数据信息。

Chart Progress Graph

快速开始

只需几分钟即可将 @xrnjs/ui 集成到您的项目中

1 安装依赖

npm install @xrnjs/ui react-native-reanimated

2 导入组件

import { Button, Card } from '@xrnjs/ui';

3 开始使用

<Button type="primary" onPress={() => {}}>
  点击我
</Button>