HarmonyOS RelativeContainer无法自适应高度

当在Grid中item的布局中使用RelativeContainer的时候,布局会无限拉长。导致无法滑动下一个Item了。有什么RelativeContainer无法自适应的解决方案吗?或者替代方案?

HarmonyOS
2024-10-12 09:56:47
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

API11,RelativeContainer支持宽高自适应子组件,将其设置为auto即可,限制是当width设置auto时,如果水平方向上子组件以容器作为锚点,则auto不生效,垂直方向上同理,具体使用方法请参考文档。链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-relativecontainer-V5

示例:

@Entry  
@Component  
struct GridPage {  
  @State numbers: String[] = ['0', '1', '2', '3', '4']  
  scroller: Scroller = new Scroller()  
  build() {  
    Column({ space: 5 }) {  
      Text('scroll').fontColor(0xCCCCCC).fontSize(9).width('90%')  
      Grid(this.scroller) {  
        ForEach(this.numbers, (day: string) => {  
          ForEach(this.numbers, (day: string) => {  
            GridItem() {  
              customGridItem({ day: day })  
            }  
          }, (day: string) => day)  
        }, (day: string) => day)  
      }  
      .columnsTemplate('1fr 1fr')  
      .columnsGap(10)  
      .rowsGap(10)  
      .width('90%')  
      .height(500)  
      Button('next page')  
 // 点击后滑到下一页  
        .onClick(() => {  
          this.scroller.scrollPage({ next: true })  
        })  
    }.width('100%').margin({ top: 5 })  
  }  
}  
@Component  
struct customGridItem {  
  @State day: string = ''  
  
  build() {  
    RelativeContainer() {  
      Row() {  
        Image('')  
          .backgroundColor(Color.Red)  
      }  
      .width('100%')  
      // 修改大小自适应其高度  
      .height(200)  
      .backgroundColor("#FF3333")  
      .alignRules({})  
      .id("row1")  
    }  
    .backgroundColor(Color.Blue)  
    .width("auto").height("auto")  
    .border({ width: 2, color: "#6699FF" })  
  }  
}
分享
微博
QQ
微信
回复
2024-10-12 17:05:19
相关问题
HarmonyOS RelativeContainer宽高自适应问题
576浏览 • 1回复 待解决
HarmonyOS 高度自适应
212浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
676浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
371浏览 • 1回复 待解决
HarmonyOS 高度自适应的问题
299浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
433浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
974浏览 • 1回复 待解决
HarmonyOS 自适应父组件高度问题
996浏览 • 1回复 待解决
Web组件如何实现高度自适应
1028浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3197浏览 • 1回复 待解决
WebView加载网页无法自适应
235浏览 • 1回复 待解决