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

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

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

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

HarmonyOS
2024-06-03 22:26:44
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
pfuchenlu

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

export struct UPButton { 
  @Prop upWidth: number = 0 
 
  build() { 
    if (this.upWidth > 0) { 
      Button().width(this.upWidth) 
    } else { 
      Button() 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-06-04 21:48:47
相关问题
组件宽度width是否包含borderWidth
240浏览 • 1回复 待解决
如何设置自定义组件height缺省
630浏览 • 1回复 待解决
自定义组件是否支持renderFit属性
668浏览 • 1回复 待解决
自定义组件嵌套子组件
8015浏览 • 3回复 待解决
如何自定义组件原型菜单
455浏览 • 1回复 待解决
如何自定义模拟Tabs组件
411浏览 • 1回复 待解决
ArkTs如何自定义容器组件
1727浏览 • 1回复 待解决
如何设置父组件组件宽度变化
713浏览 • 1回复 待解决
Grid组件scrollBar是否支持自定义
973浏览 • 1回复 待解决
自定义组件如何导出、引入?
963浏览 • 1回复 待解决
js 自定义组件如何传递方法?
4657浏览 • 2回复 待解决
自定义组件如何添加图片?
1234浏览 • 1回复 待解决
自定义组件传值和绑定
418浏览 • 1回复 待解决