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

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)
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.

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