HarmonyOS ListItem内使用RelativeContainer,导致下一个ListItem无法显示的问题

代码如下:

build() {  
    Column() {  
      List() {  
        ListItem() {  
          RelativeContainer() {  
            Text('RelativeContainer布局内容1')  
              .alignRules({  
                top: {anchor: "__container__", align: VerticalAlign.Top},  
                left: {anchor: "__container__", align: HorizontalAlign.Start},  
                right: {anchor: "__container__", align: HorizontalAlign.End}  
              })  
              .id('text1')  
            Text('RelativeContainer布局内容2')  
              .alignRules({  
                top: {anchor: "text1", align: VerticalAlign.Bottom},  
                left: {anchor: "__container__", align: HorizontalAlign.Start},  
                right: {anchor: "__container__", align: HorizontalAlign.End}  
              })  
              .id('text2')  
          }  
        }  
        ListItem() {  
          Column() {  
            Text('RelativeContainer布局内容3') // 这个ListItem里的UI组件都不显示  
          }  
          .backgroundColor(Color.Green)  
          .width('100%').height(44)  
        }  
      }  
      .width('100%')  
      .layoutWeight(1)  
    }  
    .width('100%').height('100%')  
  }
HarmonyOS
2024-10-14 09:53:10
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

RelativeContainer容器的默认高度是根据其父容器的高度来确定的,当前还不支持自适应高度,grid组件示例如下:

@Entry  
@Component  
struct Page15 {  
  @State message: string = 'Hello World';  
  build() {  
    Column() {  
      Grid() {  
        GridItem() {  
          Column() {  
            Text('RelativeContainer布局内容1')  
              .alignRules({  
                top: { anchor: "__container__", align: VerticalAlign.Top },  
                left: { anchor: "__container__", align: HorizontalAlign.Start },  
                right: { anchor: "__container__", align: HorizontalAlign.End }  
              })  
              .id('text1')  
            Text('RelativeContainer布局内容2')  
              .alignRules({  
                top: { anchor: "text1", align: VerticalAlign.Bottom },  
                left: { anchor: "__container__", align: HorizontalAlign.Start },  
                right: { anchor: "__container__", align: HorizontalAlign.End }  
              })  
              .id('text2')  
          }  
        }.width('100%')  
  
        GridItem() {  
          Column() {  
            Text('RelativeContainer布局内容3') // 这个ListItem里的UI组件都不显示  
          }  
          .backgroundColor(Color.Green)  
          .width('100%')  
        }  
      }.height('100%')  
      .maxCount(6)  
      .minCount(2)  
      .layoutDirection(GridDirection.Column)  
    }  
  }  
}
分享
微博
QQ
微信
回复
2024-10-14 17:49:20
相关问题
HarmonyOS List第一个可见ListItem
297浏览 • 1回复 待解决
HarmonyOS listItem问题
269浏览 • 1回复 待解决
List及ListItem组件使用
1752浏览 • 1回复 待解决
HarmonyOS ListItem之间存在空隙
371浏览 • 1回复 待解决
HarmonyOS如何实现list listitem拖拽
906浏览 • 1回复 待解决
HarmonyOS 如何实现Listitem拖拽排序
25浏览 • 1回复 待解决
HarmonyOS RelativeContainer子控件显示问题
368浏览 • 1回复 待解决