HarmonyOS List的space问题

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

HarmonyOS
4天前
浏览
收藏 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 })
  }
}
分享
微博
QQ
微信
回复
4天前
相关问题
HarmonyOS CustomDialog底部space
16浏览 • 1回复 待解决
space-between在api6 下不生效问题
5917浏览 • 1回复 待解决
HarmonyOS List展示不全问题
365浏览 • 1回复 待解决
HarmonyOS list滑动问题
815浏览 • 1回复 待解决
HarmonyOS 列表List相关问题
460浏览 • 1回复 待解决
ArkTS UIList和集合List冲突问题
331浏览 • 1回复 待解决
HarmonyOS List item 刷新问题
799浏览 • 1回复 待解决
HarmonyOS Web组件和List嵌套使用问题
262浏览 • 1回复 待解决
HarmonyOS list 嵌套web滑动切换问题
490浏览 • 1回复 待解决
HarmonyOS List组件动态刷新数据问题
997浏览 • 1回复 待解决
HarmonyOS 列表展示list懒加载问题
637浏览 • 1回复 待解决
List使用问题有哪些?
338浏览 • 1回复 待解决
Web和List嵌套手势冲突问题
1025浏览 • 1回复 待解决
refresh + scroll+list嵌套问题
379浏览 • 1回复 待解决
HarmonyOS 使用List警告
256浏览 • 1回复 待解决