📄️ 文本 Text
最常用的组件,显示一段文字。
📄️ 图片 Image
显示一张图。关键属性是"类型" — 它决定图从哪里来。
📄️ 图标 Icon (SF Symbols)
显示一个 Apple SF Symbols 系统图标。无需联网、矢量缩放、和系统视觉一致。
📄️ 形状 Shape
画一个几何形状,常用于装饰、背景、分隔线、进度条底色。
📄️ 按钮 Button
可点击的组件,点击后执行一段 JS 代码。
📄️ 日期 Date
显示一个日期 / 时间 / 计时器。利用 iOS 的 Text(date:) API,系统帮你每秒刷新,不用 JS 介入。
📄️ 仪表 Gauge
环形 / 线性进度条,适合显示百分比、健康环、电量。底层对应 iOS 系统的 Gauge,主要为锁屏附件设计(圆形 / 矩形组件)。
📄️ 间隔 Spacer
弹性占位,把同容器里前后的元素推开。理解为"会自动扩展的空白"。
📄️ 容器 Stack
容器把多个子组件组合在一起,有四种排列方式:
📄️ 网格 Grid
按指定列数排列子组件,自动换行。适合展示等格大小的元素。
📄️ 循环 Loop
让一个组件按数组重复 N 次渲染。本质上是给容器(vstack / hstack / zstack / grid)