HarmonyOS Navigation透明页demo

import { PageOneTmp } from './PageOne'  
  
export class Pages {  
  names: string = ""  
  values: NavPathStack | null = null  
}  
  
  
@Entry  
@Component  
struct NavigationExample {  
  @Provide('pageInfos') pageInfos: NavPathStack = new NavPathStack()  
  isUseInterception: boolean = false;  
  
  @Builder  
  PageMap(name: string) {  
    if (name === 'pageOne') {  
      PageOneTmp()  
    }  
  }  
  
  build() {  
    Navigation(this.pageInfos) {  
      Column() {  
        Button('pushPath', { stateEffect: true, type: ButtonType.Capsule })  
          .width('80%')  
          .height(40)  
          .margin(20)  
          .onClick(() => {  
            this.pageInfos.pushPath({ name: 'pageOne' }) //将name指定的NavDestination页面信息入栈  
          })  
      }  
    }.title('NavIndex').navDestination(this.PageMap)  
  }  
}

class TmpClass{  
  count:number=10  
}  
@Component  
export struct PageOneTmp {  
  @Consume('pageInfos') pageInfos: NavPathStack;  
  
  build() {  
    NavDestination() {  
      Column() {  
        Text('透明页')  
      }.width('100%').height('100%')  
    }.title('pageOne')  
    .mode(NavDestinationMode.DIALOG)  
    .onBackPressed(() => {  
      const popDestinationInfo = this.pageInfos.pop() // 弹出路由栈栈顶元素  
      console.log('pop' + '返回值' + JSON.stringify(popDestinationInfo))  
      return true  
    })  
  }  
}