Ionic 3 open page in tabs via deeplink - tab panel is missing

I have app with 3 tabs - About, Contact and Quotes. Quotes is list of quote with detail - QuotePage, I want to open detail of quote from url via deeplinks with ID of quote from app.component, but a problem is when I do this in app.component.ts:

@ViewChild('Nav') navChild: NavController;


platform.ready().then(() => {
    if ('cordova')) {

const handleAuth = () => {
		.subscribe(userSettings => {
			if (authService.IsInitialize) {
				if (!!userSettings.Email) {
					this.rootPage = HomePage;
				} else {
					this.rootPage = LoginPage;

const handleDeeplink = () => {
	let routes = {
		'/quote-detail': QuoteDetailPage

	this.deeplinks.route(routes).subscribe((match) => {
			{ page: QuotesPage },
			{ page: QuoteDetailPage, params: { 'quoteId': match.$args.quoteId } }
		(nomatch) => {
			console.error('Got a deeplink that didn\'t match', nomatch);

this is my app.component.html

<ion-nav #Nav [root]="rootPage"></ion-nav>

and this is my home.html where I use tabs

    <ion-tabs tabsPlacement="bottom" #tabsNav>
        <ion-tab [root]="quotesPage"></ion-tab>
        <ion-tab [root]="aboutPage"></ion-tab>
        <ion-tab [root]="contactPage"></ion-tab>

In QuotesPage is list of quotes. When I click on quote item I will do standard navigation with push QuoteDetailPage with quoteId as parameter

my deeplinkUrl looks like this: myApp://

and problem is, that QuoteDetailPage is opened with right parameter, but my tab-bar is missing, also I have segments in QuotesDetailPage and I am unable to navigate in segments (I cant move from selected segment).

Can anybody know the issue?

Did you ever find a solution for this? Anytime I go to one of my deep links my tab bar is gone.

1 Like

I have the same problem, any solution?