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 找不到GestureRecognizer类
373浏览 • 1回复 待解决
HarmonyOS 引用找不到方法
559浏览 • 1回复 待解决
HarmonyOS version-name找不到
726浏览 • 1回复 待解决
Harmony找不到HCI日志
2874浏览 • 1回复 待解决
HarmonyOS 找不到崩溃日志问题
547浏览 • 1回复 待解决
HarmonyOS IDE hvigor缓存找不到
384浏览 • 1回复 待解决
HarmonyOS 企业管理菜单找不到
233浏览 • 1回复 待解决
找不到图片和布局资源
12446浏览 • 8回复 待解决
HarmonyOS Flutter中Platform.isOhos找不到
337浏览 • 1回复 待解决
HarmonyOS 录像后,图库里找不到视频
310浏览 • 1回复 待解决
导入ohos相关模块都找不到
6610浏览 • 1回复 待解决
HarmonyOS app Crash但是找不到错误原因
423浏览 • 1回复 待解决
HarmonyOS 依赖自己编译的so,找不到
442浏览 • 1回复 待解决
HarmonyOS DevTools调试网页中找不到设备
840浏览 • 1回复 待解决
HarmonyOS AppGallery上证书申请找不到
340浏览 • 1回复 待解决
为什么找不到 @arkui-x.bridge?
1214浏览 • 1回复 待解决
DevEco Studio 3.0.0.900 找不到API9
6128浏览 • 1回复 待解决