基础布局

Index.ets

@@ -43,6 +43,7 @@ export { WindowHelper } from './src/main/ets/utils/WindowHelper'
  * 自定义view
  */
 export { LoadingView } from './src/main/ets/view/LoadingView'
+export { SafeView } from './src/main/ets/view/SafeView'
 /**
  * 自定义view
  */

src/main/ets/view/SafeView.ets

@@ -1,17 +1,76 @@
+import { WindowHelper } from '../utils/WindowHelper'
+import { inputMethod } from '@kit.IMEKit'
+
+
 @Preview
 @Component
 export struct SafeView {
+  @Consume('pageInfos') pageInfos?: NavPathStack
   @Link isLoading: boolean
+  @State _titleText: ResourceStr=''
+  private _onBackEvent?: () => void
 
   @Builder
   doNothingBuilder() {
   }
 
+  onBack(event: () => void) {
+    this._onBackEvent = event
+    return this
+  }
+
+  titleText(title: ResourceStr) {
+    this._titleText = title
+    return this
+  }
+
   @BuilderParam customBuilderParam: () => void = this.doNothingBuilder
 
   build() {
+    NavDestination() {
       Stack() {
+        Column() {
+          Row()
+            .height(WindowHelper.topRectHeight)
+            .width('100%')
+            .backgroundColor('#999999')
+          Row() {
+
+            Image($r("app.media.base_back"))
+              .height(15)
+              .onClick(() => {
+                if (this._onBackEvent) {
+                  this._onBackEvent()
+                } else if (this.pageInfos) {
+                  this.pageInfos.pop()
+                }
+              })
+
+            Text(this._titleText ?? '')
+              .maxLines(1)
+              .ellipsisMode(EllipsisMode.CENTER)
+              .textOverflow({
+                overflow: TextOverflow.Ellipsis
+              })
+
+            Row() {
+
+            }
+          }
+          .justifyContent(FlexAlign.SpaceBetween)
+          .padding({
+            left: 15,
+            right: 15
+          })
+          .height(44)
+          .width('100%')
+
           this.customBuilderParam()
+        }
+        .width('100%')
+        .height('100%')
+        .justifyContent(FlexAlign.Start)
+
         Column() {
           LoadingProgress()
             .color(Color.White)
@@ -26,5 +85,11 @@ export struct SafeView {
         .backgroundColor('#40000000')
         .justifyContent(FlexAlign.Center)
       }
+    }.onClick(() => {
+      inputMethod.getController().stopInputSession()
+    })
+    .hideTitleBar(true)
+    .width('100%')
+    .height('100%')
   }
 }