华为仓颉鸿蒙HarmonyOS NEXT原生UI基础组件StepperItem

99 阅读2分钟

用作Stepper组件的页面子组件。

说明

StepperItem暂不支持混合页面场景。

子组件

支持单个子组件。

构造函数

init(() => Unit)

public init(content: () -> Unit)

构造一个步骤导航器子组件。

参数名参数类型必填默认值描述
content() => Unit-将传入的值赋给从ContainerBase继承的child属性。

函数

prevLabel(String)

public func prevLabel(value: String): This

设置左侧文本按钮内容,第一页没有左侧文本按钮,当步骤导航器大于一页时,除第一页外默认值都为“返回”。

参数名参数类型必填默认值描述
valueString-左侧文本按钮内容。

nextLabel(String)

public func nextLabel(value: String): This

设置右侧文本按钮内容,默认值为“下一步”。

参数名参数类型必填默认值描述
valueString-右侧文本按钮内容。

status(ItemState)

public func status(status: ItemState): This

设置步骤导航器nextLabel的显示状态。

说明

StepperItem组件不支持设置通用宽度属性,其宽度默认撑满Stepper父组件。StepperItem组件不支持设置通用高度属性,其高度由Stepper父组件高度减去label按钮组件高度。StepperItem组件不支持设置aspectRadio/constrainSize影响长宽的属性。

参数名参数类型必填默认值描述
valueItemStateItemState.Normal步骤导航器nextLabel的显示状态。

枚举说明

ItemState

名称描述
Normal正常状态,右侧文本按钮正常显示,可点击进入下一个StepperItem。
Disabled不可用状态,右侧文本按钮灰度显示,不可点击进入下一个StepperItem。
Waiting等待状态,右侧文本按钮不显示,显示等待进度条,不可点击进入下一个StepperItem。
Skip跳过状态,右侧文本按钮默认显示“跳过”,此时可在Stepper的onSkip回调中自定义相关逻辑。

示例

Stepper

如对您有帮助,帮忙点个“在看 、关注” 让更多的人受益~!

技术交流群可加wx“LB-9191” 备注cangjie