Platform Specific Tabs Ionic 2


#1

I was wondering how you would go about making different tabs for android and ios? Basically, I want to have tab icons on ios but no icons on android. In Ionic 1, it is done per this blog post:


Does anyone have any ideas? I am trying to use the Platform class, but I need to specify the template outside of the constructor.

Thanks!


#2

I think these are what you’re looking for:


So for example:

<ion-tabs showWhen="ios"> ... </ion-tabs>
<ion-tabs showWhen="android"> ... </ion-tabs>

#3

You can also use the config of the app to hide the tabbarIcons on android:

@App({
  templateUrl: 'build/app.html',
  config: {
    platforms: { 
      android: {
        tabbarIcons: 'hide'
      }
    }
  }