有人知道如何实现图文混排吗？

import font from '@ohos.font' 
​ 
@Entry 
@Component 
struct SpanExample { 
scroller: Scroller = new Scroller() 
build() { 
  Scroll(this.scroller){ 
    Column() { 
      Text('英雄，安息！脚下这片土地是你浴血守卫的山河') 
        .fontSize(20) 
        .fontWeight(500) 
        .fontFamily('msyhl') 
      Flex({ alignItems: ItemAlign.Start }) { 
        Text() { 
          Span('今天，第十批25名在韩中国人民志愿军烈士遗骸安葬仪式在沈阳抗美援朝烈士陵园举行。' + 
            '自2014年起至今，连续十年，已有938位志愿军烈士忠魂回到这片他们用鲜血和生命守护的热土。') 
            .fontSize(20) 
            .fontWeight(500) 
            .fontFamily('STXINGKA') 
            .margin({ left: 120 }) 
          Span("❤❤❤😀") 
            .fontFamily('ARIALUNI') 
            .fontSize(20) 
            .height("10%") 
          ImageSpan($r("app.media.photo_1")) 
            .width('100%') 
            .height('20%') 
            .objectFit(ImageFit.Auto) 
            .verticalAlign(ImageSpanAlignment.CENTER) 
          Span(" ") 
          ImageSpan($r('app.media.photo_2')) 
            .width('100%') 
            .height('20%') 
            .objectFit(ImageFit.Auto) 
            .verticalAlign(ImageSpanAlignment.BOTTOM) 
          Span(" ") 
          ImageSpan($r('app.media.photo_3')) 
            .width('100%') 
            .height('20%') 
            .objectFit(ImageFit.Auto) 
            .verticalAlign(ImageSpanAlignment.BOTTOM) 
​ 
          Span("忠魂不泯，浩气长存，祖国和人民永远不会忘记！向英烈致敬！") 
            .fontSize(20) 
            .fontWeight(500) 
            .fontFamily('STXINGKA') 
            .margin({ left: 120 }) 
          ImageSpan($r('app.media.photo_4')) 
            .width('10%') 
            .height('5%') 
            .verticalAlign(ImageSpanAlignment.BOTTOM) 
        } 
        .width('100%') 
        .textIndent(50) 
​ 
​ 
      } 
    }.width('100%').height('100%').padding({ left: 0, right: 0, top: 0 }) 
  }.scrollable(ScrollDirection.Vertical) // 滚动方向纵向 
  .scrollBar(BarState.On) // 滚动条常驻显示 
  .scrollBarColor(Color.Gray) // 滚动条颜色 
  .scrollBarWidth(10) // 滚动条宽度 
  .edgeEffect(EdgeEffect.None) 
} 
}