@delacour/反应-亲-ui
一个反应原生组件库. 时髦是 单风 — 尾风 v4 反应 原生;相互作用为再动和手势;偶发性为Pulsar.
包裹 生船 .tsx 没有建设步骤. Uninwind的变换必须
运行在消费应用的地铁管道, 所以预编成的建筑会
班级名已经死亡.
安装
bun add @delacour/react-native-ui
原生模块是 同行依赖关系,因为两份原生模块
注册两次,运行时中断。 完整列表——本地模块通过
expo install,其余的通过您的软件包管理器——来自
部件自进口并保持
安装页面。 。 。 .
六对等者是可选的,只有在您导入需要它们的子路径时才会解决:
| 端点 | 需要时间 |
|---|---|
expo-router | @delacour/react-native-ui/expo/navigation-theme |
@legendapp/list | Screen.LegendList, (中文(简体) ), Screen.ChatList 财务报告和审定财务报表 BottomSheet.LegendList |
react-native-screens | 本地堆栈导航 |
@delacour/react-native-charts | Chart |
@delacour/react-native-bottom-sheet | BottomSheet ——它剥取的发动机 |
react-native-teleport | BottomSheet ——引擎的出入口;本地模块,在安装后重建dev客户端 |
颗粒出口才是安全之处:从未进口过子路径的应用程序 从来没有让Metro解决它的同行.
设置
1. 样式. 在你的应用 global.css数字 :
@import '@delacour/react-native-ui/styles';
@source '../../../../packages/react-native-ui/src';
使用真实的工作空间路径, 而不是一个 node_modules 1 — Bun 链接工作空间
软件包和Tailwind的扫描仪无法跟随符号链接,所以类是
静静地从生产建筑中掉下来.
2. 供应商. 包接应用程序的根 :
import { DelacourProvider } from "@delacour/react-native-ui/provider";
<DelacourProvider>{children}</DelacourProvider>;
这是手势根 每一个 Pressable 安全区供应商
键盘提供者 Screen 读取,并保存它们的键盘状态同步
诚实 一个应用与一个 BottomSheet 挂载 BottomSheetProvider 里面,从
@delacour/react-native-ui/bottom-sheet - 工作表的引擎是一个可选的对等器,
所以供养者不能.
使用量
有一个 没有包式枪管. 从子路径导入 :
import { Button } from "@delacour/react-native-ui/button";
import { Icon } from "@delacour/react-native-ui/icon";
import { IconArrowRight } from "@delacour/react-native-ui/icons/central";
// The icon inherits the button's size and its variant's colour.
<Button haptic="selection" onPress={next}>
<Button.Label>Continue</Button.Label>
<Icon icon={IconArrowRight} />
</Button>;
构成部分
| 构成部分 | 导入 | |
|---|---|---|
| 手风琴 | @delacour/react-native-ui/accordion | 选择模式、计量面板、指标 |
| 徽标 | @delacour/react-native-ui/badge | 备选案文、颜色、大小、删除 |
| 底盘 | @delacour/react-native-ui/bottom-sheet | 接合点、键盘、粘贴脚印、可滚动、步骤、可分解、可传送门户 |
| 按钮 | @delacour/react-native-ui/button | 变体、大小、图标、加载 |
| 复选框 | @delacour/react-native-ui/checkbox | 颜色、大小、不确定、组合 |
| 外地 | @delacour/react-native-ui/field | 形式布局、组合、状态级联 |
| 图标 | @delacour/react-native-ui/icon | 中央图标,带有继承大小和颜色 |
| 投入 | @delacour/react-native-ui/input | 变量、大小、前缀和后缀 |
| 列表组 | @delacour/react-native-ui/list-group | 分组行、分隔符、槽 |
| 可压缩 | @delacour/react-native-ui/pressable | 手势,险道, asChild |
| 无线电 | @delacour/react-native-ui/radio | 组、选择、大小、方向 |
| 屏幕 | @delacour/react-native-ui/screen | 导航栏、页脚、可滚动键盘 |
| 分隔符 | @delacour/react-native-ui/separator | 方向、套件、重量 |
| 幻灯片 | @delacour/react-native-ui/slider | 范围、方向、颜色、步骤 |
| 旋转器 | @delacour/react-native-ui/spinner | 大小、 颜色、 自定义格言 |
| 切换 | @delacour/react-native-ui/switch | 拖放或自带、 颜色、 大小、 结尾内容 |
| 标签 | @delacour/react-native-ui/tabs | 变体、大小、刷取、滚动 |
| 文本 | @delacour/react-native-ui/text | 类型尺度、预设、内嵌式筑巢 |
| 德拉库尔提供商 | @delacour/react-native-ui/provider | 应用程序的根层堆栈 |
也导出 : hooks/*, (中文(简体) ), lib/*, (中文(简体) ), expo/navigation-theme, (中文(简体) ), icons/central,以及
页:1 styles/* CSS条目.
他们
键是 CSS 下的变量 @variant light 编号 : @variant dark组件
参考语义名称 - bg-background, (中文(简体) ), text-muted-foreground - 从不生
调色板颜色或一个 dark: 前缀。 对于需要颜色的道具 价值 相当
而非类,使用 useThemeColor。 。 。 .
文档
AGENTS.md 是参考文献——规则、模式和
每项决定背后的推理。 每个部分都有自己的来源
内 src/components。 。 。 .