HarmonyOS Tabs嵌套Grid问题

tabs 的tabcontent 使用grid容器,Grid的元素个数不固定,导致各个tabcontent内容高度不对定,遇到的问题是,tabcontent 总是成了元素对多的高度,导致元素少的也很高,求支援

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

由于TabContent组件不支持设置通用高度属性,其高度由Tabs父组件高度与TabBar组件高度决定,tabs不能自适应高度。 Grid组件,rowsTemplate、columnsTemplate都不设置时layoutDirection、maxcount、minCount、cellLength才生效,maxCount内的值为多少,对应方向上最大显示行数就是多少,可以理解为maxCount有一个高度控制开关,只要设置了maxCount之后,Grid就能实现自适应高度效果,具体使用方式请参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-container-grid-0000001815927620#ZH-CN_TOPIC_0000001815927620__%E7%A4%BA%E4%BE%8B6

@Entry
@Component
struct Index {
  @State numbers: string[] = []

  aboutToAppear() {
    for (let i = 1; i <= 35; i++) {
      this.numbers.push(i + '')
    }
  }

  build() {
    Scroll() {
      Column({ space: 5 }) {
        Blank()
        Text('rowsTemplate、columnsTemplate都不设置layoutDirection、maxcount、minCount、cellLength才生效')
          .fontSize(15)
          .fontColor(0xCCCCCC)
          .width('90%')
        Grid() {
          ForEach(this.numbers, (day: string) => {
            GridItem() {
              Text(day).fontSize(16).backgroundColor(0xF9CF93)
            }.width(40).height(80).borderWidth(2).borderColor(Color.Red)
          }, (day: string) => day)
        }
        .columnsGap(10)
        .rowsGap(10)
        .backgroundColor(0xFAEEE0)
        .maxCount(6)
        .minCount(2)
        .cellLength(0)
        .layoutDirection(GridDirection.Row)
        .backgroundColor(Color.Blue)
      }.width('90%').margin({ top: 5, left: 5, right: 5 }).align(Alignment.Center)
    }
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS Tabs组件嵌套Tabs组件问题
818浏览 • 1回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
347浏览 • 1回复 待解决
Grid嵌套滚动问题有知道的吗?
2655浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套滑动
402浏览 • 1回复 待解决
Tabs组件嵌套滑动组件
1448浏览 • 1回复 待解决
HarmonyOS List组件不能嵌套Grid组件吗
48浏览 • 1回复 待解决
HarmonyOS Grid相关问题
390浏览 • 1回复 待解决
HarmonyOS Grid拖拽动画问题
37浏览 • 1回复 待解决
如何处理tabs嵌套web滑动场景
505浏览 • 1回复 待解决
HarmonyOS Scroll嵌套RelativeContainer 问题
329浏览 • 1回复 待解决
HarmonyOS 嵌套滑动问题
358浏览 • 1回复 待解决
HarmonyOS lazyForeach嵌套视图问题
271浏览 • 1回复 待解决
HarmonyOS Tabs组件宽度问题
32浏览 • 1回复 待解决
HarmonyOS Tabs控件fadingEdge问题
407浏览 • 1回复 待解决
HarmonyOS Tabs BarMode枚举问题
293浏览 • 1回复 待解决
HarmonyOS ArkUI 嵌套组件问题
38浏览 • 1回复 待解决
HarmonyOS WaterFlow嵌套问题
42浏览 • 1回复 待解决
HarmonyOS Scroll 嵌套 RelativeContainer 问题
500浏览 • 1回复 待解决
HarmonyOS 组件嵌套问题
386浏览 • 1回复 待解决