开发者你好，还请参考下以下实现方案，该场景通过NavigationSystemTransitionType.SLIDE_BOTTOM(https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-navdestination#systemtransition14)效果或者NavDestinationMode.DIALOG实现即可。之前设置Dialog不生效是由于pushPath的时候第二个参数传入了false，关闭了系统自带的转场动画。修改代码如下：

// 基础页
@Entry
@ComponentV2
export struct EditorPage {
  @Local isShowSheet: boolean = false;
  build() {
    Column() {
      Button('点击弹出弹窗')
        .onClick(() => {
          this.isShowSheet = !this.isShowSheet;
        })
        .bindSheet(this.isShowSheet, sheetPageBuilder(), {
          preferType: SheetType.CENTER,
          detents: [SheetSize.LARGE],
          height: '100%',
          showClose: false,
          dragBar: false,
          maskColor: '#c6b1b0b0',
          onWillDismiss: () => {
            this.isShowSheet = false;
          }
        })
    }
  }
}

// 承载组件
@ComponentV2
struct sheetBuilder {
  @Provider('pageMain') navPathStack: NavPathStack = new NavPathStack();

  build() {
    Navigation(this.navPathStack, { name: 'DestinationPageOne' }) {
    }
  }
}

// 模态框构建
@Builder
function sheetPageBuilder() {
  sheetBuilder()
}

// 目标页面一
@ComponentV2
struct DestinationPageOne {
  @Consumer('pageMain') navPathStack: NavPathStack = new NavPathStack();

  build() {
    NavDestination() {
      Flex({  direction:FlexDirection.Column, justifyContent: FlexAlign.End }) {
        Row() {
        }
        .width('100%').height(150).backgroundColor(Color.Pink)
        .onClick(() => {
          this.showBodyDesView();
        })
      }
      .width('100%').height('100%').backgroundColor(Color.Gray)
    }
    .hideTitleBar(true)
    .hideBackButton(true)
    .systemTransition(NavigationSystemTransitionType.SLIDE_BOTTOM)

  }

  private showBodyDesView(): void {
    this.navPathStack.pushPath({ name: "DestinationPageTwo" })
  }
}

@Builder
export function DestinationPageOneBuilder() {
  DestinationPageOne()
}

// 目标页面二
@ComponentV2
struct DestinationPageTwo {
  @Consumer('pageMain') navPathStack: NavPathStack = new NavPathStack();

  build() {
    NavDestination() {
      Row() {
        Text('第二弹窗')
      }
      .width('100%').height('100%').backgroundColor(Color.Pink)
      .onClick(() => {
        this.onArrowPopNavStack()
      })
    }
    .hideTitleBar(true)
    .hideBackButton(true)
    .systemTransition(NavigationSystemTransitionType.SLIDE_BOTTOM)
  }

  private onArrowPopNavStack(): void {
    this.navPathStack.pop(true);
  }
}

@Builder
export function DestinationPageTwoBuilder() {
  DestinationPageTwo()
}

router_map.json：

{
  "routerMap": [
    {
      "name": "DestinationPageOne",
      "pageSourceFile": "src/main/ets/pages/EditorPage.ets",
      "buildFunction": "DestinationPageOneBuilder"
    },
    {
      "name": "DestinationPageTwo",
      "pageSourceFile": "src/main/ets/pages/EditorPage.ets",
      "buildFunction": "DestinationPageTwoBuilder"
    }
  ]
}

鸿蒙Next中Navigation一镜到底动画闪动问题，通常与UI渲染机制或动画过渡配置有关。可能涉及页面切换时组件状态未及时同步、动画帧率不稳定或内存回收导致的渲染中断。可检查Navigation组件的动画参数设置，确保页面切换动画的持续时间和曲线函数配置正确。同时，需排查自定义组件在动画过程中的生命周期回调，避免在动画执行期间进行耗时操作或UI重绘。

从代码和描述来看，Navigation一镜到底动画闪动的问题，核心在于geometryTransition与NavDestination切换的时序冲突。你使用了animateTo包裹pushPath和pop操作，这会导致动画引擎与Navigation的默认切换动画产生竞争，从而引发视觉上的闪烁或跳帧。

关键问题分析：

1. 动画嵌套冲突：animateTo本身是一个动画过程，而NavPathStack的pushPath和pop操作内部也默认带有页面切换动画。两者同时执行，尤其是geometryTransition试图在组件树切换过程中保持几何属性连续，极易导致渲染帧的不稳定。
2. geometryTransition 配置：DestinationPageOne中Row组件的geometryTransition('ABC', { follow: true })，follow: true表示该组件会跟随共享ID的组件（此处为DestinationPageTwo中的Row）。但在NavDestination切换时，源页面和目标页面的组件存在短暂的共存与销毁/创建过程，若时机不当，follow行为可能无法平滑衔接。

直接解决思路：

• 移除嵌套的animateTo：Navigation的切换本身可以配置动画。更常见的做法是直接调用pushPath和pop，而不包裹在animateTo中。系统Navigation的默认动画与geometryTransition配合通常更稳定。将showBodyDesView和onArrowPopNavStack修改为：

  private showBodyDesView(): void {
    this.navPathStack.pushPath({ name: "DestinationPageTwo" }, false);
  }
  private onArrowPopNavStack(): void {
    this.navPathStack.pop();
  }
  

  移除animateTo包裹，让Navigation管理切换动画。pushPath的第二个参数enableTransition已设置为false（你代码中已是），但通常与geometryTransition配合时，使用默认的true（可省略）可能效果更好，因为系统动画会与共享元素过渡协同。

• 检查geometryTransition的ID作用域：确保共享ID（'ABC'）在转场双方页面中唯一且对应。你的代码中两个页面都使用了'ABC'，这本身是正确的。但需注意，若存在多个geometryTransition，ID必须严格匹配。

• 简化页面结构进行测试：为了排除干扰，可以暂时将DestinationPageOne中复杂的Flex布局简化为一个与DestinationPageTwo中Row样式完全一致的Row，并仅应用geometryTransition，观察闪动是否消失。这有助于确认是否是布局计算差异导致的动画断层。

代码调整示例（重点修改部分）：

// DestinationPageOne 修改后
private showBodyDesView(): void {
  // 直接push，移除animateTo包裹
  this.navPathStack.pushPath({ name: "DestinationPageTwo" });
}

// DestinationPageTwo 修改后
private onArrowPopNavStack(): void {
  // 直接pop，移除animateTo包裹
  this.navPathStack.pop();
}

补充建议：

• 确保NavDestination内的根组件或指定转场组件尺寸、位置稳定，避免在转场前后因布局变化导致跳跃。
• 如果问题依旧，可以尝试在Navigation组件或NavDestination上调整动画参数，但通常优先考虑上述的结构性调整。

通过移除animateTo的嵌套，让geometryTransition在Navigation的原生页面过渡中独立工作，是解决此类闪动问题的首选方法。