ionic2のtoolbarのアイコンを均等配置するには

2016年12月11日

  1. TOP
  2. BLOG
  3. angular2
  4. ionic2のtoolbarのアイコンを均等配置するには

toolbarの中にアイコンを5個入れて左右均等配置したいのですがその方法がいまいち分かりませんでした。
とりあえず実現したのが以下、まずテンプレート

<ion-buttons class="toolbar" padding-left padding-right>
        <button ion-button icon-only>
          <ion-icon name="search"></ion-icon>
        </button>
        <button ion-button icon-only>
          <ion-icon name="search"></ion-icon>
        </button>
        <button ion-button icon-only>
          <ion-icon name="add"></ion-icon>
        </button>
        <button ion-button icon-only>
          <ion-icon name="search"></ion-icon>
        </button>
        <button ion-button icon-only>
          <ion-icon name="search"></ion-icon>
        </button>
      </ion-buttons>

次にSCSS

.toolbar {
display:flex;
}

ionタグのパラメータか何かで対応できるのではと勘ぐっているのですが、いまいち分からず結果cssで実現。
いまいち釈然としない・・