跳到主要内容
@unif/react-native-design

统一企业的，
React Native 设计系统

一套设计令牌驱动的 React Native 组件库：Cell / Button / Tag / Card / Switch 等基础组件，内建亮暗双主题与无障碍支持。

开始使用 浏览组件
$npm install @unif/react-native-design
设计令牌亮 / 暗主题TypeScript
App.tsxThemeProvider
1import { ThemeProvider, Button }
2  from '@unif/react-native-design'
3 
4<ThemeProvider theme={'dark'}>
5  <Button variant={'primary'}>提交</Button>
6</ThemeProvider>
设计系统
Buttons
主要按钮次要
Tags
已完成进行中草稿
Cells
推送通知
实时接收拜访提醒
账户
王经理
组件实时预览
核心能力

基础组件

Cell / Button / Tag / Card / Switch / List 等高频组件，覆盖企业内表单与列表场景。

设计令牌

颜色、间距、圆角、阴影、动效全部令牌化，一处修改全局生效，与 Figma 变量对齐。

亮 / 暗主题

ThemeProvider 切换亮暗双主题，组件自动响应，无需手写两套样式。

无障碍

默认提供语义角色、可达对比度与最小点按区域，符合移动端无障碍规范。