纯血鸿蒙APP实战开发——主页瀑布流实现

往期知识点整理

• 鸿蒙（HarmonyOS）北向开发知识点记录~
• 被裁员后，踏上了鸿蒙开发求职之路
• 持续更新中……

介绍

本示例将介绍如何使用动态路由跳转到模块中的页面，以及如何使用动态import的方式加载模块

使用说明

1. 通过动态import的方式，在需要进入页面时加载对应的模块。
2. 配置动态路由，通过WrapBuilder接口，动态创建页面并跳转。
3. 动态import变量表达式，需要DevEco Studio NEXT Developer Preview1 （4.1.3.500）版本IDE，配合hvigor 4.0.2版本使用。
4. 支持自定义路由栈管理

实现思路

1. 注册路由

   public static createNavPathStack(router: NavPathStack): void {
        
        
     DynamicsRouter.navPathStack = router;
   }
   

2. 获取路由

   private static getNavPathStack(): NavPathStack {
        
        
     return DynamicsRouter.navPathStack;
   }
   

3. 通过builderName，注册WrappedBuilder对象，用于动态创建页面

   private static registerBuilder(builderName: string, builder: WrappedBuilder<[object]>): void {
        
        
     DynamicsRouter.builderMap.set(builderName, builder);
   }
   

4. 通过builderName，获取注册的WrappedBuilder对象

   public static getBuilder(builderName: string): WrappedBuilder<[object]> {
        
        
     let builder = DynamicsRouter.builderMap.get(builderName);
     if (!builder) {
        
        
       let msg = "not found builder";
       console.info