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

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

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

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

HarmonyOS

honestForGirl

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

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

发布

相关问题

组件宽度width是否包含borderWidth

218浏览 • 1回复待解决

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

500浏览 • 1回复待解决

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

2809浏览 • 1回复待解决

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

404浏览 • 1回复待解决

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

2684浏览 • 1回复待解决

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

541浏览 • 1回复待解决

自定义组件如何实现类似系统组件的链式调用

327浏览 • 1回复待解决

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

578浏览 • 1回复待解决

自定义组件嵌套子组件

7854浏览 • 3回复待解决

鸿蒙下如何自定义组件，并能让其他开发者使用我所自定义的组件呢（本人小白）

810浏览 • 0回复待解决

404浏览 • 1回复待解决

371浏览 • 1回复待解决

1555浏览 • 1回复待解决

691浏览 • 1回复待解决

自定义弹窗，自定义弹窗的使用更加灵活，适用于更多的业务场景

372浏览 • 1回复待解决

Grid组件的scrollBar是否支持自定义

807浏览 • 1回复待解决

目前的下拉组件如 Select 和 Menu 都是限定的内容，无法自定义

510浏览 • 1回复待解决

551浏览 • 1回复待解决

240浏览 • 0回复待解决

4525浏览 • 2回复待解决

1114浏览 • 1回复待解决

823浏览 • 1回复待解决

354浏览 • 1回复待解决

ListItemGroup的header和footer参数，无法使用自定义组件

693浏览 • 1回复待解决

如何实现一个自定义的Controller？ 自定义的Controller与自定义的组件page如何进行交互？

612浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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