在Row组件中，Text组件如何实现放大字体时，始终保持居中放大的效果

@Entry
@Component
struct TextComponent {
  @State textFontSize: number = 24;
  build() {
    Column({ space: 16 }) {
      Column(){
        Row() {
          Text('开发者你好')
            .fontSize(this.textFontSize)
            .fontColor('rgba(0,85,255,1)')
            .fontWeight(FontWeight.Normal)
            .opacity(1)
            .letterSpacing(0)
            .textShadow({ radius: 0 })
            .maxLines(1)

          Text('开发者你好')
            .fontSize(this.textFontSize)
            .fontColor('rgba(0,85,255,1)')
            .fontWeight(FontWeight.Normal)
            .opacity(1)
            .letterSpacing(0)
            .textShadow({ radius: 0 })
            .maxLines(1)

          Text('开发者你好')
            .fontSize(this.textFontSize)
            .fontColor('rgba(0,85,255,1)')
            .fontWeight(FontWeight.Normal)
            .opacity(1)
            .letterSpacing(0)
            .textShadow({ radius: 0 })
            .maxLines(1)
        }
      }.width(2000)
      .onClick(()=>{
        this.textFontSize++;
      })

      Column({ space: 8 }) {
        Text('字号')
        Slider({
          value: $$this.textFontSize,
          min: 12, // 最小字号
          max: 58, // 最大字号
          step: 1,
        })
      }
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.SpaceAround)
  }
}