Skip to content

组件

GearUI Kit 提供 72 个组件,分 6 类。每一个在 sample 里都有对应演示页;下表中的名字就是你从 com.gearui.components.* import 的 composable 名。

本页由 sample 的组件注册表生成,因此不会与 sample 实际展示的内容不一致。

基础(7)

组件中文名用途
Button按钮用于触发操作
Icon图标图标展示
Link链接文本链接样式
Text文本文本展示
Tag标签标记和分类
Badge徽标消息数量提示
Divider分割线内容分隔

表单(17)

组件中文名用途
Input输入框文本输入
Checkbox复选框多选操作
Radio单选框单选操作
Switch开关开关选择
Slider滑块数值选择
Stepper步进器数字增减
Textarea多行输入多行文本输入
Rate评分评分操作
Select下拉选择下拉选择器
Picker选择器多列选择
DatePicker日期选择日期时间选择
DropdownMenu下拉菜单筛选下拉菜单
Upload上传文件上传
Form表单表单容器
Cascader级联选择级联选择器
Transfer穿梭框数据穿梭选择
TreeSelect树选择树形选择器

导航(12)

组件中文名用途
NavBar导航栏H5页面导航栏
BottomNavBar底部导航栏应用底部主导航
Tabs选项卡内容切换
NavigationMenu导航菜单顶部导航菜单
Sidebar侧边栏侧边导航
Drawer抽屉侧滑抽屉
Steps步骤条步骤指示
Pagination分页页码导航
Breadcrumb面包屑路径导航
Anchor锚点页面锚点导航
Segmented分段控制分段选择
FAB悬浮按钮浮动操作按钮

数据展示(15)

组件中文名用途
List列表列表展示
Card卡片卡片容器
Cell单元格列表单元组件
Table表格数据表格
Image图片图片展示
ImageViewer图片预览图片预览查看
Avatar头像用户头像
Collapse折叠面板内容折叠
Progress进度条进度展示
Empty空状态空数据提示
Skeleton骨架屏加载占位
Timeline时间轴时间线展示
Tree树形结构
Calendar日历日历展示
Watermark水印页面水印

反馈(15)

组件中文名用途
SwipeCell滑动单元格滑动操作单元格
ActionSheet动作面板底部动作面板
Toast轻提示消息提示
Dialog对话框模态对话框
Tooltip文字提示文字提示
ContextMenu上下文菜单上下文菜单
Loading加载加载状态
Message消息提醒全局消息提示
NoticeBar公告栏滚动公告提醒
Notification通知全局通知
Snackbar消息条底部消息
Popup弹出层弹出内容
Popover气泡气泡提示
Result结果操作结果反馈
Tour引导功能引导

布局(6)

组件中文名用途
Grid栅格栅格布局
Swiper轮播内容轮播
SearchBar搜索栏搜索输入
Refresh下拉刷新下拉刷新展示(演示页)
BottomSheet底部抽屉底部弹出
BackTop回到顶部返回顶部

未列入的条目

sample 还注册了几条属于运行时验证而非组件的路由(图标渲染、安全区快照、Navigator 探针)。它们对开发 kit 有用,但刻意不计入上面的数字。

GearUI Kit 基于 BSD 3-Clause 协议发布。