HarmonyOS 如何做不规则的流水布局

需要布局一组文本标签长度不等，希望实现从左往右，从上往下的布局方式，当屏幕宽度不足以容纳标签时，会从下一行继续排列布局标签。

HarmonyOS

Excelsior_abit

2024-12-25 12:57:08

浏览

回答 1

待解决

回答 1

按赞同

按时间

shlp

可使用flex弹性布局即，参考示例：

build() {
  Column() {
    Flex({ wrap: FlexWrap.Wrap }) {
      ForEach(this.arr, (item: dataList) => {
        Text(item.color)
          .border({ width: 1 })
      }, (item: dataList) => item.data.toString())
    }
  }
}

2024-12-25 16:21:26

如何写精华回答，获更多曝光？

发布

相关问题

不规则列表，通过WaterFlow和Grid实现不规则瀑布流。

2054浏览 • 1回复待解决

HarmonyOS 不规则形状裁剪

922浏览 • 1回复待解决

视频列表的不规则排列

1821浏览 • 1回复待解决

HarmonyOS 希望提供一下不规则的瀑布流布局的实现demo

1247浏览 • 1回复待解决

HarmonyOS如何做代码混淆

2010浏览 • 1回复待解决

HarmonyOS 如何做版本控制

1020浏览 • 1回复待解决

HarmonyOS如何做动态路由跳转

1139浏览 • 1回复待解决

HarmonyOS 如何做应用更新提示？

1131浏览 • 1回复待解决

HarmonyOS 环境如何做反射执行

1253浏览 • 1回复待解决

HarmonyOS 如何实现不规则多边形绘制和点击事件

859浏览 • 1回复待解决

编写一个页面，实现不规则列表

1527浏览 • 1回复待解决

HarmonyOS 如何做行为统计插桩

1287浏览 • 1回复待解决

HarmonyOS 如何做base64加密？

1161浏览 • 1回复待解决

在HarmonyOS这边如何做的防止反编译？

1521浏览 • 1回复待解决

HarmonyOS DatePicker如何做到只做年月的选择

1287浏览 • 1回复待解决

HarmonyOS 项目要做一个页面，页面中有多级tab的切换展示；如何做布局？

1486浏览 • 1回复待解决

HarmonyOS gesture手势如何做精确的手势冲突控制

1058浏览 • 1回复待解决

鸿蒙应用开发如何做图片适配？

3492浏览 • 1回复待解决

没有依赖关系的HAR如何做页面跳转？

1319浏览 • 1回复待解决

HarmonyOS cpp数据回调到UI层如何做?

885浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在Canvas上绘制不规则的五边形？

796浏览 • 1回复待解决

如何做数据库搜索有知道的吗？

3918浏览 • 1回复待解决

HarmonyOS 滑动下一页效果应该如何做

1006浏览 • 1回复待解决

HarmonyOS HSP动态包如何做产物的远程依赖(依赖管理)

1583浏览 • 1回复待解决

动画如何做渲染一次不消失

8869浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

HarmonyOS 如何做不规则的流水布局

订阅鸿蒙技术特刊，精选内容抢先看