Как сделать так, чтобы кнопка и ion-title были встроены в ion-navbar в Ionic 3? - PullRequest
Новая
       14

Как сделать так, чтобы кнопка и ion-title были встроены в ion-navbar в Ionic 3?

0 голосов
/ 06 марта 2019

Мне нужно показать ion-button и ion-title одну и ту же строку в ion-navbar в заголовке иона. Ниже мой код. 

<ion-header>
  <ion-navbar>
    <button ion-button icon-only>
      <ion-icon name="arrow-back"></ion-icon>
    </button>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

Как показать ion-button и ion-title inline in ion-navbar?

Ответы [ 2 ]

4 голосов
/ 06 марта 2019

Попробуйте: 

<ion-header>
    <ion-navbar>
      <ion-buttons left>
        <button ion-button icon-only >
          <ion-icon name="arrow-back"></ion-icon>
        </button>
      </ion-buttons>
      <ion-title text-left>Home</ion-title> 
    </ion-navbar>
</ion-header>

Работает нормально.

0 голосов
/ 06 марта 2019

вы должны использовать <ion-row> и <ion-col> метки.Используйте это: 

<ion-header>
<ion-navbar>
  <ion-row>
   <ion-col col-5>
    <ion-buttons left>
      <button ion-button icon-only >
        <ion-icon name="arrow-back"></ion-icon>
      </button>
    </ion-buttons>
   </ion-col>
   <ion-col col-5>
    <ion-title text-left>Home</ion-title>
   </ion-col>
  </ion-row> 
</ion-navbar>

Очень важно использовать это, чтобы сделать ваше приложение отзывчивым.

...