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

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

@Component 
export struct UPButton { 
  @Prop upWidth: number = 0 
 
  build() { 
    Button().width(this.upWidth) 
  } 
}

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

HarmonyOS

十根玉米

2024-06-03 22:26:44

浏览

回答 1

待解决

回答 1

按赞同

按时间

pfuchenlu

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

export struct UPButton { 
  @Prop upWidth: number = 0 
 
  build() { 
    if (this.upWidth > 0) { 
      Button().width(this.upWidth) 
    } else { 
      Button() 
    } 
  } 
}

2024-06-04 21:48:47

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

发布

164浏览 • 1回复待解决

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

365浏览 • 1回复待解决

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

1778浏览 • 1回复待解决

组件宽度width是否包含borderWidth

536浏览 • 1回复待解决

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

303浏览 • 1回复待解决

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

4024浏览 • 1回复待解决

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

218浏览 • 1回复待解决

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

298浏览 • 1回复待解决

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

21浏览 • 0回复待解决

自定义组件onMeasureSize的使用

277浏览 • 1回复待解决

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

271浏览 • 1回复待解决

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

1151浏览 • 1回复待解决

swiper组件如何实现自定义切换动画

622浏览 • 1回复待解决

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

322浏览 • 1回复待解决

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

284浏览 • 1回复待解决

Swiper组件是否支持自定义动画，比如切换时渐隐渐现的效果

1199浏览 • 1回复待解决

设置子组件的宽度不超出父组件

467浏览 • 1回复待解决

HarmonyOS如何自定义组件的Controller？

202浏览 • 1回复待解决

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

700浏览 • 1回复待解决

自定义扫码组件是需要相机权限的，它有可替换的无需授权的系统picker组件吗

218浏览 • 1回复待解决

HarmonyOS 需要灵活创建和销毁组件的方式

230浏览 • 1回复待解决

当子组件的宽度大于父组件的宽度，UI会怎样展示？

430浏览 • 1回复待解决

自定义组件是否支持renderFit属性

1736浏览 • 1回复待解决

HarmonyOS 子组件被父组件包装后，如何通过父组件设置子组件的属性

403浏览 • 1回复待解决

arkUI自定义组件，父组件如何获取子组件对象，调用其方法

4455浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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