鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之StepperItem组件

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之StepperItem组件

一、操作环境

操作系统: Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1+

二、StepperItem组件

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

子组件

无。

接口

StepperItem()

属性
参数名 参数类型 参数描述
prevLabel string 设置左侧文本按钮内容,第一页没有左侧文本按钮,当步骤导航器大于一页时,除第一页外默认值都为"返回"。
nextLabel string 设置右侧文本按钮内容,最后一页默认值为"开始",其余页默认值为"下一步"。
status ItemState 步骤导航器nextLabel的显示状态。 默认值:ItemState.Normal

说明

  • StepperItem组件不支持设置通用宽度属性,其宽度默认撑满Stepper父组件。
  • StepperItem组件不支持设置通用高度属性,其高度由Stepper父组件高度减去label按钮组件高度。
StepperItem组件不支持设置aspectRadio/constrainSize影响长宽的属性。
ItemState枚举说明
名称 描述
Normal 正常状态,右侧文本按钮正常显示,可点击进入下一个StepperItem。
Disabled 不可用状态,右侧文本按钮灰度显示,不可点击进入下一个StepperItem。
Waiting 等待状态,右侧文本按钮不显示,显示等待进度条,不可点击进入下一个StepperItem。
Skip 跳过状态,右侧文本按钮默认显示"跳过",此时可在Stepper的onSkip回调中自定义相关逻辑。

示例

见​​​​​​​Stepper组件。

你有时间常去我家看看我在这里谢谢你啦...

我家地址:亚丁号

最后送大家一首诗:

山高路远坑深,

大军纵横驰奔,

谁敢横刀立马?

惟有点赞加关注大军。

相关推荐
奋斗的小青年!!20 分钟前
Flutter跨平台开发鸿蒙应用:表情选择器组件的深度实践
flutter·harmonyos·鸿蒙
世人万千丶24 分钟前
鸿蒙跨端框架Flutter学习day 1、变量与基本类型-智能家居监控模型
学习·flutter·ui·智能家居·harmonyos·鸿蒙·鸿蒙系统
小白阿龙25 分钟前
flutter 与鸿蒙融合开发实战:构建跨平台应用的新范式
flutter·华为·harmonyos
威哥爱编程26 分钟前
你的鸿蒙 APP 包为啥这么大?资源瘦身终极方案,立减 30%
harmonyos·arkts·arkui
威哥爱编程44 分钟前
别再乱用 @State 了!鸿蒙状态管理避坑指南,看完省 3 天脱发时间
harmonyos·arkts·arkui
lili-felicity1 小时前
React Native for Harmony 直角坐标系:精准定位与手势识别
react native·华为·harmonyos
菜鸟小芯1 小时前
【开源鸿蒙跨平台开发先锋训练营】Day2 OpenHarmony版Flutter 3.27版本开发环境搭建
flutter·harmonyos
小雨下雨的雨1 小时前
鸿蒙 PC 应用开发:初始化工程与原生程序构建
华为·交互·harmonyos·鸿蒙系统
不羁的木木1 小时前
【HarmonyOS组件开发征集活动-翻页时钟和计时器组件】
华为·harmonyos
2501_948122632 小时前
React Native for OpenHarmony 实战:Steam 资讯 App 浏览历史页面
javascript·react native·react.js·游戏·ecmascript·harmonyos