Ionic 3 tabs in innerpage


#1

How to add tabs inside the inner page of ionic 3.
i need two tabs inside a inner page of my application.
here iam using ion segment button for that purpose but i cant able to change the view when we change the tabs.
how to implement tabs inside a page or any other alternative solution for that.
ThanksScreenshot%20from%202018-06-03%2010-35-28


#2

Have you tried the Ionic tabs app example? If you load that up, you can use that as the inner page to get the result you may be looking for. I did something similar recently.

Here is the GitHub repo:

and this specifically (both the html and ts):


#3

Actually i didn’t wants tabs in my homepage.
I need only in ineerpage…

by following above can i get that


#4

So basically, you would use the tabs method but instead of putting your whole app in the tabs, you would set the page you want to create using the tabs and then within that you would create the groups section and the other section like in your screenshot as pages within that tab page which is your inner page of your app.

I hope that makes sense.


#5

i have created a tab page and following code

tab.html

tab.ts

tab1Root: any = ‘GroupsPage’;
tab2Root: any = ‘ChatPage’;

but when we load the GroupPage it doesnit show the tabs… there is no error in the console too.
i think i miss some tricks


#6

I solve the problem…
need to points TabsPage.