HarmonyOS List的space问题

竖向List设置lane多列,怎样添加水平间距,List的space属性只能加垂直间距,除了给每个ListItem添加padding或margin有没有其他优雅的方法

HarmonyOS
2024-12-18 16:05:10
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
aquaa

lanes的第二个参数即为间隔,如lanes(2,8) 2列,间隔为8。或见以下demo,设置间隔为20:

// ListLanesExample.ets
@Entry
@Component
struct ListLanesExample {
  @State arr: string[] =
    ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19"]
  @State alignListItem: ListItemAlign = ListItemAlign.Center

  build() {
    Column() {
      List({ space: 20, initialIndex: 0 }) {
        ForEach(this.arr, (item: string) => {
          ListItem() {
            Text('' + item)
              .width('100%')
              .height(100)
              .fontSize(16)
              .textAlign(TextAlign.Center)
              .borderRadius(10)
              .backgroundColor(0xFFFFFF)
          }
          .border({ width: 2, color: Color.Green })
        }, (item: string) => item)
      }
      .height(300)
      .width("90%")
      .friction(0.6)
      .border({ width: 3, color: Color.Red })
      .lanes({ minLength: 40, maxLength: 40 }, 20) //设置列数和间隔
      .alignListItem(this.alignListItem)
      .scrollBar(BarState.Off)
    }.width('100%').height('100%').backgroundColor(0xDCDCDC).padding({ top: 5 })
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
分享
微博
QQ
微信
回复
2024-12-18 17:47:21
相关问题
HarmonyOS CustomDialog底部space
726浏览 • 1回复 待解决
space-between在api6 下不生效问题
6629浏览 • 1回复 待解决
HarmonyOS List嵌套ListList嵌套Grid问题
881浏览 • 1回复 待解决
HarmonyOS list局部刷新问题
550浏览 • 1回复 待解决
HarmonyOS List展示不全问题
988浏览 • 1回复 待解决
HarmonyOS list值设置问题
426浏览 • 1回复 待解决
ArkTS UIList和集合List冲突问题
1306浏览 • 1回复 待解决
HarmonyOS List回弹问题
565浏览 • 1回复 待解决
HarmonyOS list组件问题
782浏览 • 1回复 待解决
HarmonyOS list数据加载问题
559浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List滑动问题
779浏览 • 1回复 待解决
HarmonyOS list滑动问题
1476浏览 • 1回复 待解决
HarmonyOS 列表List相关问题
1214浏览 • 1回复 待解决
HarmonyOS list sticky相关问题
590浏览 • 1回复 待解决
HarmonyOS 关于list如何转jsonArray问题
434浏览 • 2回复 待解决
HarmonyOS List item 刷新问题
1525浏览 • 1回复 待解决
HarmonyOS Web组件和List嵌套使用问题
1300浏览 • 1回复 待解决
HarmonyOS List组件沉浸式问题
730浏览 • 1回复 待解决
List使用问题有哪些?
1223浏览 • 1回复 待解决
HarmonyOS List组件锚点问题咨询
540浏览 • 1回复 待解决
HarmonyOS list 嵌套web滑动切换问题
1219浏览 • 1回复 待解决
HarmonyOS List组件动态刷新数据问题
1901浏览 • 1回复 待解决