HarmonyOS 同样布局短文案没问题，长文案显示异常？

Question

Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center }) {
  Row() {
    Text('一套代码工程，一次开发上架，多端按需部署，为用户呈现多设备统一且卓越的使用体验。')
      .maxLines(1)
      .fontSize(12)
      .fontWeight(FontWeight.Medium)
      .fontColor(ChannelSkinTools.getRealColor(this.item.fontColor, ColorConst.STR_472CA3))
      .flexShrink(1)
    Image($r('app.media.icon_vip_more_3'))
      .width(7)
      .height(10)
      .margin({ left: 3 })
      .flexShrink(0)
      .colorFilter(ChannelSkinTools.getMatrixValues(ChannelSkinTools.getRealColor(this.item.fontColor,
        ColorConst.STR_472CA3)))

  }
  .backgroundColor($r('app.color.c_d9ffffff'))
  .borderRadius(5)
  .margin({ left: 12, right: 12, bottom: 9 })
  .padding({ left: 8, right: 6 })
  .height(18)
}

这段代码短文案显示正常两边有8dp的留白，长文案右边展示异常（留白消失）。

Answer 1

可以给Text设置一个最大宽度 .constraintSize({maxWidth: 'calc( 100% - 9vp )'})，让它把图片占位的部分（图片宽度+图片left）减去。