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

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

发布

1715浏览 • 1回复待解决

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

1248浏览 • 1回复待解决

组件宽度width是否包含borderWidth

1235浏览 • 1回复待解决

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

979浏览 • 1回复待解决

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

1282浏览 • 1回复待解决

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

2591浏览 • 1回复待解决

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

1264浏览 • 1回复待解决

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

4999浏览 • 1回复待解决

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

1308浏览 • 1回复待解决

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

746浏览 • 1回复待解决

自定义组件onMeasureSize的使用

1600浏览 • 1回复待解决

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

732浏览 • 0回复待解决

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

1130浏览 • 1回复待解决

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

1053浏览 • 1回复待解决

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

1920浏览 • 1回复待解决

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

949浏览 • 1回复待解决

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

773浏览 • 1回复待解决

HarmonyOS text组件不设置width

945浏览 • 1回复待解决

HarmonyOS 自定义组件的使用

1140浏览 • 1回复待解决

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

2078浏览 • 1回复待解决

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

1476浏览 • 1回复待解决

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

1071浏览 • 1回复待解决

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

903浏览 • 1回复待解决

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

3415浏览 • 1回复待解决

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

3073浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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