Row里面的子内容长度超过Row后，循环平移，内容既有图片也有文字，没法用Marquee组件来实现，有什么方案？

@Entry  
@Component  
struct Page_7054 {  
  
  build() {  
    Row() {  
      Text(){  
        Span('This is the Span component')  
          .fontSize(12)  
          .textCase(TextCase.Normal)  
          .decoration({ type: TextDecorationType.None, color: Color.Red })  
        ImageSpan($r('app.media.app_icon'))  
          .width(40)  
          .height(40)  
        Span('Life is too short to spend time with people who suck the happiness out of you. ' +  
          'If someone wants you in their life, they’ll make room for you. You shouldn’t have to fight for a spot. ')  
          .fontSize(12)  
          .textCase(TextCase.Normal)  
          .decoration({ type: TextDecorationType.None, color: Color.Red })  
      }  
      .textOverflow({ overflow: TextOverflow.MARQUEE })  
    }  
    .height('100%')  
    .width('100%')  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.