router跳转page页面

模块内跳转：

entry模块内有两个页面

entry

　　src

　　　　main
　　　　　　ets
　　　　　　　　pages　　　　

　　　　　　　　　　PageA.ets

　　　　　　　　　　PageB.ets

 

router.pushUrl({url:"pages/PageA.ets"})//跳转至PageA
router.pushUrl({url:"pages/PageB.ets"})//跳转至PageB

模块间跳转：

第一种是跳转至har内的page

1，har包内page需要定义别名

@Entry({routeName:"Test"})//定义router别名
@Component
struct Index {

  build() {
    Stack() {
      // Column : 沿垂直方向布局的容器。
      Column() {
        Image($r('app.media.bg_index'))
          .objectFit(ImageFit.Fill)
      }
    }
  }
}

 

2，需要打har包模块的导出文件添加导出页面：export xxx from './src/main/ets/page/Test'

3，其他模块通过router.pushNamedRoute跳转至对应别名的page

 router.pushNamedRoute({
      name:"Test"
    },router.RouterMode.Single)

 

 

第二种是跳转至hsp内的page

 router.pushUrl({ // 跳转hsp_test模块（hsp类型）的页面
              url: '@bundle:com.samples.hspsample/hsp_test/ets/pages/Test' //路径为：`hsp_test/src/main/ets/pages/Test.ets
            })