鸿蒙(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组件。

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

我家地址:亚丁号

最后送大家一首诗:

山高路远坑深,

大军纵横驰奔,

谁敢横刀立马?

惟有点赞加关注大军。

相关推荐
前端世界1 天前
设备找不到、Ability 启不动?一次讲清 DevEco Studio 调试鸿蒙分布式应用
华为·harmonyos
行者961 天前
OpenHarmony上Flutter粒子效果组件的深度适配与实践
flutter·交互·harmonyos·鸿蒙
小溪彼岸1 天前
uni-app小白从0开发一款鸿蒙Next应用到上线
uni-app·harmonyos
asing1 天前
🤯 为什么我的收银台在鸿蒙系统“第一次返回”死活拦不住?一次差点背锅的排查实录
前端·harmonyos
Van_captain1 天前
rn_for_openharmony常用组件_Breadcrumb面包屑
javascript·开源·harmonyos
御承扬1 天前
鸿蒙原生系列之动画效果(帧动画)
c++·harmonyos·动画效果·ndk ui·鸿蒙原生
行者961 天前
Flutter与OpenHarmony深度集成:数据导出组件的实战优化与性能提升
flutter·harmonyos·鸿蒙
小雨下雨的雨1 天前
Flutter 框架跨平台鸿蒙开发 —— Row & Column 布局之轴线控制艺术
flutter·华为·交互·harmonyos·鸿蒙系统
小雨下雨的雨1 天前
Flutter 框架跨平台鸿蒙开发 —— Center 控件之完美居中之道
flutter·ui·华为·harmonyos·鸿蒙
小雨下雨的雨1 天前
Flutter 框架跨平台鸿蒙开发 —— Icon 控件之图标交互美学
flutter·华为·交互·harmonyos·鸿蒙系统