实现安全区域，关于图片的安全区域设置

export struct ImageSafe { 
  @State sqlText: string = ""; 
  controller: TextInputController = new TextInputController(); 
 
  build() { 
    Row() { 
      Stack() { 
        Column() 
          .height('100%') 
          .width('100%') 
          .backgroundImage($r('app.media.OIP')) 
          .backgroundImageSize(ImageSize.Cover)//加入expandSafeArea确保column不会上下滚动 
          .expandSafeArea([SafeAreaType.KEYBOARD, SafeAreaType.SYSTEM, SafeAreaType.CUTOUT]) 
        Image($r('app.media.download')).width(275).height(500) 
          .margin(100)//加入expandSafeArea确保Image不会因拉起键盘而上下滚动 
          .expandSafeArea([SafeAreaType.KEYBOARD, SafeAreaType.SYSTEM]) 
        TextInput({ text: this.sqlText, placeholder: 'input your word', controller: this.controller }) 
          .placeholderFont({ size: 14, weight: 400 }) 
          .width(320) 
          .height(40) 
          .offset({ y: 120 }) 
          .fontSize(14) 
          .fontColor(Color.Black) 
          .backgroundColor(Color.White) 
      }.width('100%').alignSelf(HorizontalAlign.Center) 
 
    }.height('100%') 
  } 
}