HarmonyOS row包含一个image，一个text，text会超过row的边界

@Component 
export struct VSOrderDetailAddressCell { 
  @Consume(OrderDetailProvider.viewModel) viewModel: OrderDetailViewModel 
 
  build() { 
    if (!this.viewModel.isShowTrack() && (isNotNullOrUndefined(this.viewModel.orderDetail?.tradeInShopInfo) || this.viewModel.isShowAddressInTop())) { 
      Column({space: 4}) { 
        Row({space: 8}) { 
          Image($r('app.media.order_icon_address_gradinet')).width(21).height(21) 
          Text() { 
            if (isStringAndNotEmpty(this.viewModel.orderDetail?.buyer)) { 
              Span(this.viewModel.orderDetail?.buyer) 
            } 
            if (isStringAndNotEmpty(this.viewModel.orderDetail?.mobile)) { 
              Span((isStringAndNotEmpty(this.viewModel.orderDetail?.buyer) ? '   ' : '') + this.viewModel.orderDetail?.mobile) 
            } 
          }.fontColor(0x1B1B1B).fontSize(16).fontWeight(FontWeight.Medium).backgroundColor(Color.Red) 
          if (this.viewModel.canShowModifyAddressButton()) { 
            Blank() 
            Text('修改').fontSize(11).fontColor(0x5F5F5F).height(20).padding({left: 8, right: 8}).height(20).onClick(() => { 
 
            }) 
          } 
        }.width('100%').alignItems(VerticalAlign.Top).backgroundColor(Color.Green) 
        Text((this.viewModel.orderDetail?.area_name??'') + (this.viewModel.orderDetail?.address??'')).fontSize(12).fontColor(0x5F5F5F).width('100%') 
      }.backgroundColor(Color.White).margin({left: this.viewModel.cardGap, right: this.viewModel.cardGap}).borderRadius(this.viewModel.cardRadius) 
      .padding({left: this.viewModel.cardPadding, right: this.viewModel.cardPadding, top: 15, bottom: 15}).alignItems(HorizontalAlign.Start) 
    } 
  } 
}
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.
27.
28.
29.
30.