离子深层链接在推送深层链接/页面之前显示空白页面

时间:2019-01-31 10:06:08

标签: ionic-framework ionic2 ionic3 deep-linking

我正在使用离子深层链接。我有一个服务,可以在其中初始化Deeplink函数,例如:

 initDeepLink(nav: Nav) {
  this.deeplinks.routeWithNavController(nav, {
        '/page1/ PageComponent1,
    })
 }...

我在onAllReady()函数内部的主app.component.ts中通过以下服务从该服务调用该函数:

this.calldeepLinkServ.initDeepLink(this.nav);

其中this.nav的类型为:

@ViewChild(Nav) nav: Nav;

在app.component.ts中声明

当我在设备上访问一个深层链接时,它可以正常工作并转到给定页面(PageComponent1),但是在它之前总是有一个空白页面,然后过渡类会跳转并推动该深层链接页面。

它从未在我的应用中打开的当前页面的顶部推动(从右侧滑动)新页面。我试图将@ViewChild(Nav) nav: Nav放入深度链接服务而不是app.component.ts内,但其作用相同。

我还尝试查看是否有一种方法来禁用this.deeplinks.routeWithNavController()中的本机页面推送,但是它没有类似的属性(例如animate:例如NavController可用的false) )。

因此,我真的不确定如何防止使用深层链接的这种不良导航体验,我确定这不是离子深层链接的典型过渡,对于UI而言似乎是不好的。

1 个答案:

答案 0 :(得分:0)

因此,我将其分类为:

this.deeplinks.routeWithNavController

我正在使用:

 this.deeplinks.route

然后我检查match。$ link中传递了什么。所以根据查询发送通过像

if (match.$link['path'].indexOf('/page1/') !== -1) {...}

我称为NAV推,与动画:假,它不使用缺省的NAV推动画