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で実現。
いまいち釈然としない・・