HarmonyOS RelativeContainer的高度变为0, 子组件仍在显示

需求: 折叠布局, 被折叠的内容使用RelativeContainer实现, 但是将height变为0的时候, 内部的子组件仍显示。

RelativeContainer() {  
  
  Text('折叠布局')  
    .id('tv')  
  
  RelativeContainer() {  
    Image('')  
      .width(50)  
      .height(50)  
      .id('iv')  
      .alignRules({  
        top: {anchor: "__container__", align: VerticalAlign.Top},  
        bottom: {anchor: "__container__", align: VerticalAlign.Bottom},  
        left: {anchor: "__container__", align: HorizontalAlign.Start},  
        right: {anchor: "__container__", align: HorizontalAlign.End},  
      })  
  
    Text('test')  
      .width(50)  
      .height(50)  
      .id('itemTv')  
      .alignRules({  
        left: {anchor: 'tv', align: HorizontalAlign.Start},  
        right: {anchor: 'tv', align: HorizontalAlign.End},  
        top: {anchor: 'iv', align: VerticalAlign.Bottom},  
      })  
  }  
  .alignRules({  
    left: {anchor: 'tv', align: HorizontalAlign.Start},  
    top: {anchor: 'tv', align: VerticalAlign.Bottom},  
  })  
  .id('expendId')  
}
HarmonyOS
2024-09-25 12:25:56
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

RelativeContainer的高度为0,但是子组件设置了高度,绘制的时候以子组件的高度优先,所以子组件的高度不会变成0。可以在子组件上添加。

.visibility(this.innerHeight === 0 ? Visibility.Hidden : Visibility.Visible)
分享
微博
QQ
微信
回复
2024-09-25 16:53:11
相关问题
HarmonyOS RelativeContainer控件显示问题
368浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
359浏览 • 1回复 待解决
循环显示包含图片组件
835浏览 • 1回复 待解决
RelativeContainer 组件使用
380浏览 • 1回复 待解决
HarmonyOS RelativeContainer 组件咨询
435浏览 • 1回复 待解决