Ionique 2 icônes de la barre de navigation sur les deux côté du titre

Je suis en train d'ajouter deux icônes dans chaque côtés d'un ion en-tête où le titre est dans le centre, mais il finit toujours avec les deux icônes sur le côté droit.

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>

qui résultats dans cet en-tête:

Ionique 2 icônes de la barre de navigation sur les deux côté du titre

Je ne peux pas la comprendre, essayé différentes sortes de tutoriels et d'essayer d'imiter leur exemple, sans succès. Il n'y a pas de style derrière elle, de sorte que rien ne doit gâcher la mise en page. Il se sent comme le "début" de l'élément est buggé dans cette version de Ionique ou quelque chose. Quelqu'un pourrait m'identifier à la bonne direction?

C'est ma sortie lors de l'exécution de "ionique 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
  • Je suis en supposant que vous utilisez android, il n'y a pas de xcode version. D'après les documents, il est dit: start Positions element to the left of the content in ios mode, and directly to the right in md and wp mode Cela signifie que ce que vous voyez est correcte, car il n'est pas ios.
  • Jetez un oeil ici: ionicframework.com/docs/v2/api/components/toolbar/Toolbar
  • Peut-être essayer la propriété left qui Positions elements to the left of all other elements
  • Oui, je l'ai développé dans Android et complètement raté ça. Complètement noobish erreur. Je vous remercie.
InformationsquelleAutor Sam | 2017-03-02
  1. 26

    J'ai utilisé left au lieu de start

    cochez cette 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>
    • icône seule résoudre mon problème..merci
    • Mon dieu que c'était dur à trouver. Pourquoi ils utilisent normalement "démarrer", mais alors besoin de "gauche" dans d'autres endroits, est source de confusion quant sh*t!
    • Merci, cela a résolu mon problème
    InformationsquelleAutor varun aaruru
  2. 0

    @varun aaruru réponse est juste. Je veux juste compléter en ajoutant hideBackButton="true" pour supprimer bouton de retour

    <ion-header hideBackButton="true">
    <ion-navbar>
        <ion-title>trans-result</ion-title>
    </ion-navbar>
</ion-header>
    InformationsquelleAutor Daniel Eduardo Delgado Diaz