组件的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

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

发布

345浏览 • 1回复待解决

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

459浏览 • 1回复待解决

组件宽度width是否包含borderWidth

598浏览 • 1回复待解决

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

1854浏览 • 1回复待解决

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

156浏览 • 1回复待解决

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

360浏览 • 1回复待解决

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

435浏览 • 1回复待解决

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

4096浏览 • 1回复待解决

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

407浏览 • 1回复待解决

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

476浏览 • 1回复待解决

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

124浏览 • 0回复待解决

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

42浏览 • 1回复待解决

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

18浏览 • 1回复待解决

自定义组件onMeasureSize的使用

414浏览 • 1回复待解决

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

482浏览 • 1回复待解决

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

1398浏览 • 1回复待解决

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

857浏览 • 1回复待解决

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

471浏览 • 1回复待解决

#鸿蒙通关秘籍#如何实现可变内容的自定义组件？

128浏览 • 1回复待解决

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

759浏览 • 1回复待解决

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

1376浏览 • 1回复待解决

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

340浏览 • 1回复待解决

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

1836浏览 • 1回复待解决

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

315浏览 • 1回复待解决

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

4625浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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