HarmonyOS 找不到对应组件

流式布局,内容不固定,一行放不下自动换行,HarmonyOS未找到对应的组件,需要提供对应的组件和demo。

HarmonyOS
2024-10-17 11:13:37
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

在build()中使用Flex作为容器,设置参数wrap为FlexWrap.Wrap。

可参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-flex-V5

示例demo如下:

@Entry  
@Component  
struct FlowLayOut {  
  @State simpleList: Array<string> = ['hkjh', 'jfgutiuyi', 'ujghgii', 'jgihochosgiowio',  
    'vjuhgjghihiohoihuyoiupoujo', 'dd', 'ytyu','uuioyfoooiuouou','iuyy89','uiyye9w37e92379er2739er',  
  'gu','jhhjkjgkgkghh','hgfjsgf','judsgfiusdyhfosiydhfoasiufoidsi']  
  build() {  
    Column() {  
      Column({ space: 5 }) {  
        Text('流式布局').fontSize(20).fontColor(0xCCCCCC).width('90%')  
        // 子组件多行布局  
        Flex({ wrap: FlexWrap.Wrap }) {  
          ForEach(this.simpleList, (item: string) => {  
            ChildItem({ item: item })  
          }, (item: string) => item)  
        }  
        .width('90%')  
        .padding(5)  
        .backgroundColor(Color.Green)  
  
      }.width('100%').margin({ top: 5 })  
    }.width('100%')  
  }  
}  
@Component  
struct ChildItem {  
  @Prop item: string;  
  build() {  
    Text(this.item).margin({left:5,right:5,bottom:5})  
      .backgroundColor(Color.Pink)  
  }  
}
分享
微博
QQ
微信
回复
2024-10-17 16:10:09
相关问题
HarmonyOS 引用找不到方法
97浏览 • 1回复 待解决
HarmonyOS version-name找不到
265浏览 • 1回复 待解决
HarmonyOS 找不到崩溃日志问题
94浏览 • 1回复 待解决
Harmony找不到HCI日志
2489浏览 • 1回复 待解决
HarmonyOS DevTools调试网页中找不到设备
360浏览 • 1回复 待解决
找不到图片和布局资源
11972浏览 • 8回复 待解决
导入ohos相关模块都找不到
6153浏览 • 1回复 待解决
HarmonyOS ArkTS调C++ 偶现方法找不到
383浏览 • 1回复 待解决
DevEco Studio 3.0.0.900 找不到API9
5733浏览 • 1回复 待解决
为什么找不到 @arkui-x.bridge?
779浏览 • 1回复 待解决
找不到api?
5428浏览 • 1回复 待解决
TS的Callback类型找不到怎么回事?
2159浏览 • 1回复 待解决
ohpm私仓找不到中心仓库的库
46浏览 • 1回复 待解决
DevEco Studio真机调试找不到签名文件
510浏览 • 1回复 待解决