HarmonyOS Text组件的布局跟随效果怎么实现？

Question

业内对标可以通过ConstraintLayout实现布局跟随效果

具体参考：https://blog.csdn.net/qq\_26287435/article/details/103160059

请问在ArkUI中怎么来实现

Answer 1

可以参考如下demo:

@Entry
@Component
struct Index {
  build() {
    Row() {
      Column() {
        Flex({ justifyContent:FlexAlign.Start, alignItems: ItemAlign.Center}){
          Text('文本标题文本标题文本标题文本标题文本标题文本标题')
            .fontColor('#000000')
            .fontSize(14)
            .textAlign(TextAlign.Start)
            .margin({left:8})
            .textOverflow({ overflow: TextOverflow.Ellipsis })
            .maxLines(1)
          Image($r('app.media.ic_ok')).width(50).height(50)
        }
      }.backgroundColor(Color.Yellow)
      .width('100%')
      .height('20%')
    }
    .width('100%')
  }
}