组件的width属性缺省时是使用元素自身内容需要的宽度。开发自定义组件时，如何灵活切换子组件的width

组件的width属性缺省时是使用元素自身内容需要的宽度。开发自定义组件时，如何灵活切换子组件的width。

@Component 
export struct UPButton { 
  @Prop upWidth: number = 0 
 
  build() { 
    Button().width(this.upWidth) 
  } 
}1.
2.
3.
4.
5.
6.
7.
8.

预期效果是：外部既可以给子组件设置固定宽度，也可以让子组件使用自身元素内部需要的宽度。

HarmonyOS

十根玉米

2024-06-03 22:26:44

浏览

回答 1

按赞同

按时间

pfuchenlu

当前是声明式UI范式，建议使用条件渲染语句，进行自动填充width和外部传入width的区分。

export struct UPButton { 
  @Prop upWidth: number = 0 
 
  build() { 
    if (this.upWidth > 0) { 
      Button().width(this.upWidth) 
    } else { 
      Button() 
    } 
  } 
}1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

2024-06-04 21:48:47

如何写精华回答，获更多曝光？

发布

1401浏览 • 1回复待解决

组件属性width是否支持使用变量定义

1051浏览 • 1回复待解决

组件宽度width是否包含borderWidth

1115浏览 • 1回复待解决

HarmonyOS ArkUI组件开发如何获取组件的width和height

595浏览 • 1回复待解决

如何设置自定义组件height缺省

2402浏览 • 1回复待解决

HarmonyOS badge 子组件是自定义组件时不生效

1014浏览 • 1回复待解决

HarmonyOS 怎么获取组件显示后的属性，比如width、height

1073浏览 • 1回复待解决

HarmonyOS scroll嵌套WaterFlow，FlowItem中使用自定义滑块组件，如何避免滑动scroll时触发自定义滑动组件

1296浏览 • 1回复待解决

js 开发中 自定义组件在使用if属性时遇到的问题，有懂的吗？

4816浏览 • 1回复待解决

HarmonyOS 自定义组件，然后在组件内部需要知道外面给这个组件的宽度

531浏览 • 1回复待解决

使用Navigation组件的toolbarConfiguration属性，自定义分栏样式，在切换分栏时，有明显的闪烁，如何解决？

1018浏览 • 1回复待解决

HarmonyOS border的width属性小于0.3就不显示，现在需要width：0.15请问怎么解决

946浏览 • 1回复待解决

HarmonyOS text组件不设置width

760浏览 • 1回复待解决

自定义组件的v-for中，绑定refs属性，获取不到对应的元素

588浏览 • 0回复待解决

HarmonyOS 使用混合开发，自定义的ArkTS组件，CAPI侧如何监听自定义组件的事件回调？

854浏览 • 1回复待解决

HarmonyOS 自定义组件如何在使用的时候添加子控件

720浏览 • 1回复待解决

HarmonyOS 自定义组件的使用

793浏览 • 1回复待解决

自定义组件onMeasureSize的使用

1316浏览 • 1回复待解决

HarmonyOS 自定义UI组件如何自定义属性方法

1355浏览 • 1回复待解决

HarmonyOS 如何在Row、Column、RelativeContainer组件中，width、height设置auto表示自适应子组件？

1797浏览 • 1回复待解决

HarmonyOS @BuilderParam结合自定义组件时的使用问题

550浏览 • 1回复待解决

HarmonyOS 父组件宽度已知，子组件宽度是否需要设置，子组件是否能自适应宽度

730浏览 • 1回复待解决

HarmonyOS 自定义组件父组件如何给子组件传递数据

913浏览 • 1回复待解决

自定义日历组件，开发中，自定义生成需要的日历格式方法有哪些？

2451浏览 • 1回复待解决

HarmonyOS 自定义组件中的constructor()方法在使用组件时没有调用

1219浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

组件的width属性缺省时是使用元素自身内容需要的宽度。开发自定义组件时，如何灵活切换子组件的width

订阅鸿蒙技术特刊，精选内容抢先看