SelectField

StableFormsgalleryId: select

Primary: remote Kuikly H5 demo on this site. Native proof = Gallery APK. Design shots are reference only.

ShouZhuan UI is a business design system and themes; it depends on official Kuikly rendering — not an engine replacement.

Back to index

Live interactive demo

Remote Kuikly H5 preview (proves H5 — not Android/iOS/Harmony). Host Modules may degrade. Android proof: https://apk-dl.zrlmeng.com/ui.apk.

Open in new tab

Remote Kuikly H5

Android Gallery APK

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

Stable ESA URL · always ui.apk (com.ztdh.ui). New builds overwrite the object only.

Open download URL

ADB deep link

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

Gallery guide

Scheme deep link (copy only)

pd://gallery/component?id=select

Props

Kotlin

Name	Type	Notes
`options`	List<SelectOption>	Options
`selected`	String?	Selected
`onSelect`	(String) → Unit	Select
`placeholder`	String	Placeholder

Contracts follow platform-design App* APIs. Verify on device Gallery.

Usage snippet

Kotlin / Kuikly Compose

var selected by remember { mutableStateOf("standard") }
val options = listOf(
  SelectOption("starter", "入门版"),
  SelectOption("standard", "企业标准版"),
  SelectOption("flagship", "旗舰版"),
)
AppSelect(
  options = options,
  selected = selected,
  placeholder = "请选择订阅版本",
  enabled = true,
  onSelect = { selected = it },
)

Design draft reference (not Demo)wide · narrow

Static screen.png for layout QA only — not interactive. Prefer the live demo above.

SelectField · wide — Wide · ui_site_component_detail_select

SelectField · narrow — Narrow · ui_site_component_detail_select