Slide tabs along with Forward transition to next page

[ionitron-bot]

Original issue by @saurabhbarot on 2018-02-13T12:41:29Z

I think it's not an issue. It's kind of requirement.

Let me explain:

1. I have ion-tabs at bottom of app.
   Let's say
   • Home
   • Chat
   • Account

Now there are some inner pages for these tabs.
Let's say
=> Search results Page (under Home tab)
- I don't want tabs on this page. so I have ionTabsDelegate.showBar function to hide/show as per requirements.
- I have created directive for that.

and code is something similar to below:

$rootScope.$on("$ionicView.beforeEnter", () => {
      if (count == 0) {
        $ionicTabsDelegate.showBar(false);
      }
      count += 1;
    });

    $rootScope.$on("$ionicView.afterLeave", () => {
      count -= 1;
      if (count == 0) {
        $ionicTabsDelegate.showBar(true);
      }
    });

It works fine, but there is some UI glitches.

Case : Home -> Search result page transition (mind it Home has tabs, other page has not)
Now what happens, as soon as forward direction transition happens, it hides tabs immediately. and slide to next page(search result page)

Requirement on above case:
I want tabs to be slided with former page(Home page) just like it is part of page. and comes new page on sliding done with no tabs

2. Something similar to above. I want to hide nav-bar on some pages. so I use hide-nav-bar from ionic.
   page A: Don't have nav bar
   page B: has nav bar

It works fine. but when switching from pageA to B. on Forward sliding effect. it shows nav-bar of PageA while sliding.

Requirement:
So I don't want to show that nav-bar on sliding.