Multiple Tabs Using Same Pages

Ionic Framework ionic-v3
1

I have 3 tabs in my application. They all use the same page and accept different params.
How can I use the same page for each tab, while passing each page unique parameters?
Thank you!

2

Create a master class and inherit from it

3

I’m new to Angular2 and I’m having trouble finding examples online. Any good sources I can use?

4

Well I would use TypeScript for this type of work

  @Page({
    templateUrl: 'template.html'
  })
  class MainPage () {
    
    // Add all the constant code in here that will not change on different pages

  }

Then create your tab pages like this:

class TabPage1 extends MainPage {
    // Add your parameters or specific code here
}
5

Thanks! This is what I was looking for.

6

Hi ihadeed, I’m looking for the same solution. But the only things I do not understand based on your answer is how to navigate on the same page with multiple tabs. Please will you extend your answer with an example of that?

7

can you help with an example for having tab both bottom and top of a page

8

Search the forums. There are many threads on this topic. The answer is that it’s both technically not possible and conceptually a bad interface, but if you insist on going down that road, you’re going to have to fake one set of “tabs” using segments.

9

thanks for your reply i think i have found a solution