Ionic 2 icônes de barre de navigation sur les deux côtés du titre
J'essaie d'ajouter deux icônes de chaque côté d'un en-tête d'ions dont le titre est au centre, mais les deux icônes se trouvent toujours à droite.
C'est mon code
<ion-header>
<ion-navbar color="primary">
<ion-buttons start>
<button ion-button icon-only><ion-icon name="chatboxes"></ion-icon></button>
</ion-buttons>
<ion-title>Title</ion-title>
<ion-buttons end>
<button ion-button icon-only><ion-icon name="notifications"></ion-icon></button>
</ion-buttons>
</ion-navbar>
</ion-header>
ce qui donne cet en-tête:
Je n'arrive pas à comprendre, j'ai essayé différents types de tutoriels et j'ai essayé de copier leur exemple sans aucun succès. Il n'y a pas de style derrière lui non plus, donc rien ne devrait gâcher la mise en page. On a l'impression que l'élément "start" est buggé dans cette version d'Ionic ou quelque chose du genre. Quelqu'un pourrait-il m'indiquer la bonne direction?
Voici ma sortie lors de l'exécution de "ionic info":
Your system information:
ordova CLI: 6.5.0
Ionic Framework Version: 2.1.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.1.3
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.9.5
Xcode version: Not installed
J'ai utilisé left au lieu de start
vérifier ceci plunker
<ion-header>
<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>
</ion-header>
@varun aaruru a raison. Je veux juste compléter l'ajout de hideBackButton="true" pour enlever le bouton de retour
<ion-header hideBackButton="true">
<ion-navbar>
<ion-title>trans-result</ion-title>
</ion-navbar>
</ion-header>