#鸿蒙通关秘籍#如何通过命名路由跳转共享包页面

要跳转到共享包中的页面，可以使用命名路由。以下是使用router.pushNamedRoute()跳转命名路由页面的步骤：

1. 在共享包页面的@Entry装饰器中命名路由。

// library/src/main/ets/pages/Index.ets
@Entry({ routeName: 'myPage' })
@Component
export struct MyComponent {
  build() {
    Row() {
      Column() {
        Text('Library Page')
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

2. 在需要跳转的页面中引入该命名路由页面，并调用router.pushNamedRoute()。

import { router } from '@kit.ArkUI';
import { BusinessError } from '@kit.BasicServicesKit';
import('@ohos/library/src/main/ets/pages/Index');

@Entry
@Component
struct Index {
  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Text('Hello World')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .margin({ top: 20 })
        .backgroundColor('#ccc')
        .onClick(() => {
          try {
            router.pushNamedRoute({
              name: 'myPage',
              params: {
                data1: 'message',
                data2: {
                  data3: [123, 456, 789]
                }
              }
            });
          } catch (err) {
            let message = (err as BusinessError).message;
            let code = (err as BusinessError).code;
            console.error(`pushNamedRoute failed, code is ${code}, message is ${message}`);
          }
        });
    }
    .width('100%')
    .height('100%')
  }
}

确保在oh-package.json5中配置了依赖：

"dependencies": {
   "@ohos/library": "file:../library",
   ...
}