HarmonyOS Navigation NavRouter NavDestination

参考如下demo：

@Entry
@Component
struct NavRouterExample {
  @State isActiveWLAN: boolean = false
  @State isActiveBluetooth: boolean = false
  build() {
    Navigation() {
      Row() {
        NavRouter() {
          Row() {
            Text(`WLAN`)
              .fontSize(22)
              .fontWeight(500)
              .textAlign(TextAlign.Center)
          }
          .height(60)

          NavDestination() {
            Flex({ direction: FlexDirection.Row }) {
              Text('未找到可用WLAN').fontSize(30).padding({ left: 15 })
            }
          }.title("WLAN")
        }
        .layoutWeight(1)
        .backgroundColor(Color.Red)
        .borderRadius({
          topLeft: 20,
          bottomLeft: 20
        })
        .mode(NavRouteMode.PUSH_WITH_RECREATE)
        .onStateChange((isActivated: boolean) => {
          this.isActiveWLAN = isActivated
        })

        NavRouter() {
          Row() {
            Text(`蓝牙`)
              .fontSize(22)
              .fontWeight(500)
              .textAlign(TextAlign.Center)
          }
          .height(60)

          NavDestination() {
            Flex({ direction: FlexDirection.Row }) {
              Text('未找到可用蓝牙').fontSize(30).padding({ left: 15 })
            }
          }.title("蓝牙")
        }
        .layoutWeight(1)
        .backgroundColor(Color.Green)
        .borderRadius({
          topRight: 20,
          bottomRight: 20
        })
        .mode(NavRouteMode.REPLACE)
        .onStateChange((isActivated: boolean) => {
          this.isActiveBluetooth = isActivated
        })
      }
      .padding({left:10,right:10})
      .alignItems(VerticalAlign.Bottom)
      .justifyContent(FlexAlign.Center)
      .height('100%')
      .width('100%')

    }

    .title('首页')
    .backgroundColor("#F2F3F5")
    .titleMode(NavigationTitleMode.Free)
    .mode(NavigationMode.Auto)
  }
}