Deeplinking and tabs

Ionic Framework ionic-v3
1

Hi,

I am playing around with deeplinking in a tabs based Ionic 3 app. As you can see in the following video the URL changes are working fine when switching tabs and I also can open an URL and the app will be loaded, the corresponding tab selected: http://sharedby.manuel-heidrich.com/85k9GB/5adv9PXF

What’s not working is navigating to another page within for example the contact tab and then refreshing the page, as you can see in the next video: http://sharedby.manuel-heidrich.com/H81KjG/3lOpECHf
When I refresh the page the app jumps to the home tab but with the contact page loaded.

So what I am trying to achieve is obviously the app to open AnotherPage within the contact tab when refreshing the page. The question is: am I doing something wrong or is there some other issue involved? Does anybody have a solution for this problem?

I created a repo containing my demo app: https://github.com/mahnuh/ionic-deeplinking-experiments

2 Likes
2

I have got exactly the same issue! Other examples, such as the tabs starter template seem to not use IonicPage, which as far as I can gather is required for DeepLinking.

This is really confusing to me, hopefully we find a fix.

3

I’m facing the very same issue. This is especially annoying with PWAs. I read a suggestion somewhere to simply not use tabs but that can’t be it, right? :smile:

Is this something the Ionic team is aware of? Is there any way we can help?

4

I just found a solution: I had to set tabUrlPath in to something unique and other than the name of the page I was opening within that tab. So the url no longer is /#/base/contact/contact but something like /#/base/tab2/contact. Hope that helps @saroxkevin and @vklinghammer.

2 Likes