请教一个大佬们一个问题: NavDestination中如何感知Navigation的Mode？

1. 使用 ​​queryNavDestinationInfo​​ 查询页面信息 在 ​​NavDestination​​ 内部的自定义组件中，可以通过 ​​queryNavDestinationInfo​​ 方法查询当前所属页面的信息。返回值为 ​​NavDestinationInfo​​，如果查询不到则返回 ​​undefined​​。

const navDestinationInfo = queryNavDestinationInfo();
if (navDestinationInfo) {
  console.log(navDestinationInfo.mode); // 获取当前页面的模式
}

2. 监听页面状态变化 通过 ​​observer.on('navDestinationUpdate')​​​ 提供的注册接口，可以注册 ​​NavDestination​​​ 生命周期变化的监听，也可以注册页面切换的状态回调。在页面发生路由切换时，可以拿到对应的页面信息 ​​NavDestinationSwitchInfo​​。

observer.on('navDestinationUpdate', (info) => {
  console.log(info.mode); // 获取当前页面的模式
});

3. 在 ​​Navigation​​​ 组件中设置模式 在 ​​​Navigation​​​ 组件中，可以通过 ​​mode​​ 属性设置页面的显示模式。例如：

Navigation(this.pageStack)
  .mode(NavigationMode.Stack) // 设置为单页面模式
  .navDestination(this.pageMap);

4. 在 ​​NavDestination​​​ 中设置模式 在 ​​​NavDestination​​​ 中，也可以通过 ​​mode​​ 属性设置页面的显示类型：

NavDestination() {
  // 页面内容
}.mode(NavDestinationMode.DIALOG); // 设置为弹窗模式