Ionic Side Menu With Multiple Tab Bars [v3]

The questions about the navigation patterns side menu and tab bar never end, especially how they can both work together (friendly). Therefore today we will explore different options for using a combination of side menu and tab bar!

We will build a simple app that can open different tab bar interfaces from a side menu or a standard page. Also, we’ll add a feature to automatically open a specific tab of the selected tab bar so our final result will look like this:


Let’s get started!


The full quick win with snippets is only available to Ionic Academy members.
Join now for

  • Unlimited access to all quick wins
  • Library of 40+ step-by-step video courses
  • Support for Ionic questions via Slack & private community

Join now & Unlock

Current member? LOGIN


Comments on Ionic Side Menu With Multiple Tab Bars [v3]

  1. tonymccallie says:

    This is a great article! I struggled with a similar idea. I needed an app that had two different Side Menus, each with it’s own tabs. Here’s what I came up with as a test: https://github.com/tonymccallie/menutest . I’d love to get your thoughts on how I implemented it.

  2. Haihao Yu says:

    1 Comment
    Ionic Academy
    Haihao Yu

  3. Haihao Yu says:

    not show the code or the article

    1. Simon Grimm says:

      As you can read below the article “You must be a Member to view this Quick Win”. There is only a free preview, for the rest of the content you need to be logged in.

      1. Zafer Ka says:

        “You must be a member” section seems like an ad, so it can be ignored. 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *