ImageViewer

稳定数据展示galleryId: image_viewer

主路径：本站远程 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 image_viewer

打开 Gallery 联调指南

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

pd://gallery/component?id=image_viewer

Props 参数规范

Kotlin

Name	Type	说明
`url`	String	图片 URL
`cover`	Boolean	裁切填充

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

用法示意

Kotlin / Kuikly Compose

// Gallery Story · component=image_viewer
AppThemeHost {
  // Open design_system_gallery → component=image_viewer
}

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

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

ImageViewer · wide — 宽屏 · ui_site_component_detail_image_viewer

ImageViewer · narrow — 窄屏 · ui_site_component_detail_image_viewer