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 })
  }
}
分享
微博
QQ
微信
回复
2024-12-18 17:47:21
相关问题
space-between在api6 下不生效问题
6862浏览 • 1回复 待解决
HarmonyOS CustomDialog底部space
869浏览 • 1回复 待解决
HarmonyOS List嵌套ListList嵌套Grid问题
1233浏览 • 1回复 待解决
HarmonyOS list值设置问题
608浏览 • 1回复 待解决
HarmonyOS list局部刷新问题
933浏览 • 1回复 待解决
HarmonyOS List展示不全问题
1265浏览 • 1回复 待解决
ArkTS UIList和集合List冲突问题
1573浏览 • 1回复 待解决
HarmonyOS List回弹问题
675浏览 • 1回复 待解决
HarmonyOS list组件问题
986浏览 • 1回复 待解决
HarmonyOS list sticky相关问题
752浏览 • 1回复 待解决
HarmonyOS 列表List相关问题
1505浏览 • 1回复 待解决
HarmonyOS list滑动问题
1714浏览 • 1回复 待解决
HarmonyOS list数据加载问题
787浏览 • 1回复 待解决
HarmonyOS 关于list如何转jsonArray问题
580浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List滑动问题
1061浏览 • 1回复 待解决
HarmonyOS List组件沉浸式问题
982浏览 • 1回复 待解决
HarmonyOS List item 刷新问题
1759浏览 • 1回复 待解决
HarmonyOS Web组件和List嵌套使用问题
1665浏览 • 1回复 待解决
List使用问题有哪些?
1432浏览 • 1回复 待解决
HarmonyOS List组件滑动限制为1页问题
619浏览 • 1回复 待解决
HarmonyOS List中ItemonClick事件触发问题
1560浏览 • 1回复 待解决