HarmonyOS 如何实现一个气泡聊天框

@Builder  
function BubbleBackground() {  
  Image($r('app.media.bg_toast_login'))  
    .objectFit(ImageFit.Fill)  
    .resizable({  
      slice: {  
        left: 10,  
        right: 6,  
        top: 10,  
        bottom: 10  
      }  
    })  
    .width("100%")  
    .height("100%")  
}  
@Entry  
@Component  
struct Index {  
  build() {  
    Row() {  
      // 布局  
      Column() {  
        Text("测试测试测试测试测试测试测试测试测试测试\nfasdfasdfadfasdfasdf")  
          .fontColor(Color.White)  
      }  
      .padding(10)  
      .background(BubbleBackground)  
      .margin({  
        left:30  
      })  
    }  
    .height('100%')  
  }  
}