TabRow / BottomNav

稳定导航galleryId: tabs

主路径：本站远程 Kuikly H5 可点演示。真机验收 = Gallery APK。设计稿图仅作版式对照。

守赚 UI 是业务组件库与主题体系；依赖官方跨端渲染，不替代官方引擎。

在线交互演示

远程嵌入 Kuikly H5 预览（证明 H5，不代表 Android/iOS/鸿蒙）。宿主能力可能降级。Android 真机请扫 https://apk-dl.zrlmeng.com/ui.apk。

远程 Kuikly H5

安卓端 Gallery APK

https://apk-dl.zrlmeng.com/ui.apk

固定 ESA · 永钉 ui.apk（com.ztdh.ui）。新版本只覆盖对象、不改链。

真机联调 ADB 命令

adb shell am start -n com.ztdh.ui/com.ztdh.example.aarhost.design.HostDesignRenderActivity -e pageName design_system_gallery -e component tabs

深链 scheme（仅复制 · 手机扫不了）

pd://gallery/component?id=tabs

Kotlin

契约对齐 platform-design App*；须在真机 Gallery 验证。

Kotlin / Kuikly Compose

AppTabs(
  selected = index,
  onSelect = { index = it },
  titles = listOf("概览", "明细"),
)

设计稿对照（非 Demo）宽屏 · 窄屏

静态 screen.png 仅作版式对照，不可点。交互请用上方「在线交互演示」。