V4 combine sidemenu and tabs


#1

Can someone please tell me how I can build an app with sidemenu and tabs in Ionic 4. Tried to merge the 2 starters but it doesn’t work. I must be missing something.


#2

Hi,
Have you find a way how to do this? I am having same problem. Merging sidemenu and tabs is a nightmare to me.


#3

There have been some updates to the ion-tabs, make sure you are on 4.0.0-beta.15 or higher

If you have already generated a tabs app using the latest framework, try making your app.component.html look similar to this:

<ion-app>
    <ion-menu #appMenu side="start">
        <!--  MENU CONENT HERE  -->
    </ion-menu>
   
    <ion-router-outlet main></ion-router-outlet>
</ion-app>

then add an ion-button wrapped in <ion-menu-toggle></ion-menu-toggle> to the navigation somewhere to add toggle control
And that should be the basic setup


#4

I was able to do this using this tutorial:

Youtube starting to become a reliable source for content regarding Ionic 4, there are more helpful videos out there so I recommend having a look :wink: