设置背景图如何让背景图四周不拉伸，中间拉伸

@Entry  
@Component  
struct Index {  
  @State tipsStr: string = 'hello world11111111111111'  
  
  build() {  
    Flex({ direction: FlexDirection.Column }) {  
      Text(this.tipsStr)  
        .fontSize(20)  
        .fontColor(0xdc6e1d)  
        .margin({ top: 10 })  
        .padding({ top: 10, left: 10, right: 10 })  
        .background(this.createBackgroundImg())  
  
      TextInput({ text: $$this.tipsStr }).margin({ top: 20 })  
    }  
  }  
  
  @Builder createBackgroundImg() {  
    Image($r('app.media.text'))  
      .objectFit(ImageFit.Fill)  
      .width("100%")  
      .height("100%")  
      .resizable({ slice: { top: 10, left: 10, bottom: 10, right: 10 } })  
  }  
}