HarmonyOS Navigation跳转新页面生命周期初始化问题

按照https://developer.huawei.com/consumer/cn/doc/harmonyos-samples/samples-0000001162414961中“应用导航设计”的demo示例，想问下B1,B2这种二级页面怎么初始化，或者请求接口？之前的aboutToAppear生命周期方法都没有，有其他方式么？

HarmonyOS

put_get

2024-08-08 19:04:56

浏览

回答 1

待解决

回答 1

按赞同

按时间

zxjiu

没有提供直接在Navigation组件和NavDestination组件之间实现数据传递的装饰器。

可以参考以下方式，通过api调用的方式实现参数传递

https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ts-basic-components-navigation.md#pushpathbyname11

“应用导航设计”的demo示例中针对B1.ets文件做如下修改，在onShown方法中可以实现在页面加载之前的方法调用，参考代码如下：

import { BuilderNameConstants, buildRouterModel, RouterModule, RouterNameConstants, } from '@ohos/routermodule'; 
 
import http from '@ohos.net.http'; 
 
@Builder 
export function harBuilder(value: object) { 
  NavDestination() { 
    Column() { 
      Button($r("app.string.to_harb_pageB2"), { stateEffect: true, type: ButtonType.Capsule }) 
        .width('80%') 
        .height(40) 
        .margin(20) 
        .onClick(() => { 
          buildRouterModel(RouterNameConstants.ENTRY_HAP, BuilderNameConstants.HARB_B2); 
        }) 
    } 
    .width('100%') 
    .height('100%') 
  } 
  .onShown(() => { 
    // http请求网络资源数据 
    let httpRequest = http.createHttp(); 
    httpRequest.request("your url", (err, data) => { 
      if (!err) { 
        console.info('Result:' + data.result); 
        console.info('code:' + data.responseCode); 
        console.info('header:' + JSON.stringify(data.header)); 
        console.info('cookies:' + data.cookies); // 8+ 
      } else { 
        console.info('error:' + JSON.stringify(err)); 
      } 
    }); 
  }) 
  .title('B1Page') 
  .onBackPressed(() => { 
    RouterModule.pop(RouterNameConstants.ENTRY_HAP); 
    return true; 
  }) 
} 
 
const builderName = BuilderNameConstants.HARB_B1; 
if (!RouterModule.getBuilder(builderName)) { 
  let builder: WrappedBuilder<[object]> = wrapBuilder(harBuilder); 
  RouterModule.registerBuilder(builderName, builder); 
}