Swipable tabs not working if in the footer


I need to move tabs in the footer. But if I wrap in the then no content is showing and it’s just a black screen instead.

How can I fix it?

Thank you.


Hi Olga, tabs are simply not swipable, as of Ionic 2. Maybe it will be possible in coming Ionic 3, but for now I confirm this is just not possible.
(and whatever location of tabs, if you’re looking for some part of your view to be swipable, I suggest you have a look at a simplier element component like a dynamic ngif* one, that accepts swipe - there are not many in Ionic 2 components to my memories).

(Have a look in https://ionicframework.com/docs/components/ that have a “swipe/swipeable” attribute).

Hope it helps :slight_smile:


Hi FrancoisIonic, thanks for the reply!

But now I’m even more confused. What do you mean by tabs not swipeable, how about this one here:

Is it deprecated already or something? That’s what I’m using, hmm.


Hi Smirnova, it is an unofficial plugin, that I was not aware of sorry. For that plugin I’m totally newbie :frowning:
Maybe it works with rootpages and params, never tried it.
Obviously, it’s not working great, but you should ask the author then for expert advice :frowning:


Oops, for some reason I thought it’s official… Ok! So, going with your suggestion from the first comment is a safer way then something that’s not in the core, you recon?


@Smirnova Sorry for the late reply, yes in the official list of UI components ( https://ionicframework.com/docs/components/) only a few are fully swipable, I don’t remember which of them. In any case it’s safer to go with something that is officially supported to be swipable, for sure yes.