两个自适应宽度的文本如何展示在一行？

采用弹性布局Flex()，设置其中的wrap属性为NoWrap，即不可换行，子元素尽可能约束在容器内

@Entry
@Component
struct Test {
  build() {
    Row() {
      Image($r('app.media.startIcon')).width(20).aspectRatio(1).margin({ top: 15 })
      Flex({ alignItems: ItemAlign.Center, justifyContent: FlexAlign.Start, wrap: FlexWrap.NoWrap }) {
        // Text(`13.49` + `稀土元素`) // 文字长度不能撑满屏幕时
        Text(`13.49` + `稀土元素稀土元素稀土元素稀土元素稀土元素稀土元素稀土元素稀土元素`)// 文本长度撑满屏幕时
          .maxLines(1)
          .maxFontSize(18)
          .minFontSize(1)
          .fontColor(Color.Red)
        Text(`  再度拉升走强` + `+4.55%  `)
          .maxLines(1)
          .maxFontSize(18)
          .minFontSize(1)
        Image($r('app.media.startIcon')).width(20).aspectRatio(1).id('ig1')
      }.layoutWeight(1).height(50).backgroundColor('#c0c0c0')
    }.width('100%').height('100%').alignItems(VerticalAlign.Top)
  }
}

效果：

（1）内容长度撑满屏幕宽度时：

（2）内容长度未撑满屏幕宽度时：