navigator能对har页面 进行跳转吗？

Question

搜索功能实现共享元素转场，但是在har包里头 ，引入navigator 实现指定搜索按钮转场功能

Answer 1

可参考如下案例：

共享元素转场

NavDestination之间可以通过geometryTransition实现共享元素转场。

起始页

Step1：为需要实现共享元素转场的元素添加geometryTransition属性，id参数必须在两个NavDestination之间保持一致。

起始页代码

Column() {
  Image($r('app.media.startIcon'))
    .geometryTransition('1')
  Text("起始页共享的图片")
}
.width(100)
.height(100)

目的页代码

Column() {
  Image($r('app.media.startIcon'))
    .geometryTransition('1')
  Text("目的页共享的图片")
}
.width(200)
.height(200)

Step2：animateTo方法发起页面跳转（push 或者 pop），触发共享元素转场动画执行。注意此处需要关闭页面默认的跳转动画

Button('跳转目的页')
  .width('80%')
  .height(40)
  .margin(20)
  .onClick(() => {
    animateTo({ duration: 1000 }, () => {
      this.pageInfos.pushPath({ name: 'DestinationPage' }, false)
    })
  })