如何将按钮对准导航Ionic3的右侧

时间:2018-04-08 22:12:10

标签: angular typescript ionic-framework ionic3

需要在导航栏的右侧添加一个新按钮。

https://i.stack.imgur.com/eNknj.png

<ion-header>

<button ion-button menuToggle side="left">
  <ion-icon name="menu"></ion-icon>
</button>

<button ion-button side="right">
  <ion-icon name="settings"></ion-icon>
</button>

<ion-title>Notification</ion-title></ion-navbar></ion-header>

1 个答案:

答案 0 :(得分:1)

发现它!

<ion-navbar color="primary">
  <ion-buttons left>
      <button ion-button icon-only>
        <ion-icon name="chatboxes"></ion-icon>
      </button>
  </ion-buttons>
  <ion-title>Title</ion-title>
  <ion-buttons right>
    <button ion-button icon-only><ion-icon name="notifications"></ion-icon></button>
  </ion-buttons>
</ion-navbar>