HarmonyOS Grid间距问题

Grid的间距问题要怎么处理,设置的行间距是5现在变得很大。

HarmonyOS Grid间距问题 -鸿蒙开发者社区

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

多余的空白部分是item的区域,主要是由于设置的aspectRatio引起的,参考示例如下:

// xxx.ets
@Entry
@Component
struct GridExample {
  private images: string[] = [
    '图片地址',
  ]
  scroller: Scroller = new Scroller()
  layoutOptions1: GridLayoutOptions = {
    regularSize: [1, 1], // 只支持[1, 1]
    irregularIndexes: [2, 5], // 索引为2和5的GridItem占用一行
  }

  build() {
    Column({ space: 5 }) {
      Grid(this.scroller, this.layoutOptions1) {
        ForEach(this.images, (day: string) => {
          GridItem() {
            Image(day)
              .aspectRatio(16 / 9)
          }.selectable(false)
        }, (day: string) => day)
      }
      .columnsTemplate('1fr 1fr')
      .columnsGap(10)
      .rowsGap(10)
      .multiSelectable(true)
      .scrollBar(BarState.Off)
      .width('90%')
      .backgroundColor(0xFAEEE0)
    }.width('100%').margin({ top: 5 })
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS Grid相关问题
640浏览 • 1回复 待解决
HarmonyOS lineSpacing间距设置有问题
15浏览 • 1回复 待解决
HarmonyOS Tabs嵌套Grid问题
197浏览 • 1回复 待解决
HarmonyOS Grid拖拽动画问题
203浏览 • 1回复 待解决
HarmonyOS Grid和半模态问题
246浏览 • 1回复 待解决
HarmonyOS grid和list混合布局问题
183浏览 • 1回复 待解决
HarmonyOS Grid组件子项拖动问题
330浏览 • 1回复 待解决
HarmonyOS Grid容器视图更新问题
624浏览 • 1回复 待解决
Grid组件性能问题有哪些?
544浏览 • 1回复 待解决
HarmonyOS 关于Grid组件拖拽排序的问题
643浏览 • 1回复 待解决
HarmonyOS 使用Grid和GriItem组合的问题
424浏览 • 1回复 待解决
HarmonyOS Grid占用行和列的问题
234浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
752浏览 • 1回复 待解决
Span组件设置行间距间距
720浏览 • 1回复 待解决
HarmonyOS grid里面的item支持拖动问题
189浏览 • 1回复 待解决
HarmonyOS List嵌套List和List嵌套Grid问题
171浏览 • 1回复 待解决
Grid嵌套滚动问题有知道的吗?
2796浏览 • 1回复 待解决
关于Grid容器和WaterFlow使用上的问题
1025浏览 • 1回复 待解决
HarmonyOS CustomDialog底部默认间距
516浏览 • 1回复 待解决
HarmonyOS ActionSheet选项间距太小
88浏览 • 1回复 待解决