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

采用弹性布局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)
  }
}