HarmonyOS Flex布局，中间内容多时两侧内容变形问题

Flex({ direction: FlexDirection.RowReverse }) {  
  Image(ChatUiSdk.getMyInfo()?.avatarUrl)  
    .alt($r('app.media.chatui_img_default_avatar'))  
    .objectFit(ImageFit.Cover)  
    .width(40)  
    .height(40)  
    .margin({ left: 8, top: 1 })  
    .onClick(() => {  
      //TODO 头像点击  
    })  
  this.child(this.msgItem);  
  Image($r(this.msgStatusDrawableResId ?? 'app.media.chatui_ic_msg_status_abnormal_big'))  
    .alt($r('app.media.chatui_ic_msg_status_abnormal_big'))  
    .objectFit(ImageFit.Cover)  
    .width(34)  
    .height(34)  
    .padding(7)  
    .visibility(this.msgStatusDrawableResId ? Visibility.Visible : Visibility.None)  
    .onClick((event:ClickEvent)=>{  
      if(this.mMsgStatusDrawableClickable){  
        //TODO  
      }  
    })  
  
}  
.margin({ right: 14,left: 48 })