HarmonyOS 如何实现附件中的布局?

如何实现附件中的布局。

第2部分紧跟第1部分,第1部分长度不固定。两部分长度和超过屏幕宽度时第1部分自动省略。

尝试使用flex实现,给第2部分添加固定宽度,但是第一部分字数足够多时第2部分就会被压缩。

请问如何不是用动态计算的方式实现该布局。

HarmonyOS 如何实现附件中的布局?-鸿蒙开发者社区

HarmonyOS
2024-10-21 12:42:45
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

如下demo:

@Entry  
@Component  
struct TextAreaExample {  
  controller: TextAreaController = new TextAreaController()  
  build() {  
    Column() {  
      Row(){  
        Text('黑龙江漠河')  
          .maxLines(1)  
          .textOverflow({overflow: TextOverflow.Ellipsis})  
          .flexShrink(1)  
          .backgroundColor(Color.Orange)  
        Text(){  
          Span('经销商')  
          ImageSpan($r('app.media.icon'))  
            .width(20)  
            .height(20)  
        }  
        .width(100)  
        .backgroundColor(Color.Pink)  
      }  
      .width('100%')  
    }.width('100%').height('100%').backgroundColor('#F1F3F5')  
  }  
}
分享
微博
QQ
微信
回复
2024-10-21 15:03:21
相关问题
HarmonyOS如何实现布局
375浏览 • 1回复 待解决
HarmonyOS 如何实现流式布局
661浏览 • 1回复 待解决
如何实现文本内容竖向布局
560浏览 • 1回复 待解决
HarmonyOS 叠加布局如何实现
52浏览 • 1回复 待解决
自适应缩放布局如何实现
503浏览 • 1回复 待解决
ArkTS布局组件实现瀑布流式布局
995浏览 • 1回复 待解决