Ionique 2 Onglets dans le haut et le bas

Je voudrais faire un tabs component qui a un certain nombre d'onglets en haut de l'écran, et certains dans le fond, est-il un moyen pour y parvenir?

Quelque chose comme ceci:

Ionique 2 Onglets dans le haut et le bas

J'ai essayé à l'aide de deux instances, mais je ne pouvais pas le faire et je pense que ça va être très difficile de se synchroniser entre eux.

Des Idées?

je ne suis pas la compréhension pouvez-vous m'expliquer

OriginalL'auteur Mehdi Guelloub | 2016-12-09

  1. 15

    Vous pouvez avoir TabsComponent en haut de votre page.
    En supposant que vous avez importé et a déclaré TabsComponent
    Tout ce que vous avez à faire , c'est ajouter cet attribut à votre app.le module.ts

    imports: [
IonicModule.forRoot(MyApp,{tabsPlacement: 'bottom'})
],

    Cela permet uniquement de modifier la position de la barre d'Onglets.

    cela fonctionne pour moi. Doit être accepté de répondre.

    OriginalL'auteur CharithW

  2. 5

    Vous pouvez combiner un des onglets de page (onglets en bas) et d'ajouter une barre d'outils en haut de chaque page avec un peu de Segment composants comme ceci:

    <ion-header>
  <ion-toolbar>
    <ion-segment [(ngModel)]="topTab" color="secondary">
      <ion-segment-button value="camera">
        <ion-icon name="camera"></ion-icon>
      </ion-segment-button>
      <ion-segment-button value="bookmark">
        <ion-icon name="bookmark"></ion-icon>
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>
</ion-header>

    De cette façon, vous auriez onglets en bas (onglets), et sur les onglets en haut (en-tête avec des segments). Je ne sais pas si cela fait sens dans le contexte de votre application, mais en termes de l'INTERFACE utilisateur, le résultat devrait être assez similaire à la capture d'écran fournie.

    Hmmm ouais possible, bonne idée! Je ne pense pas que cela... Merci pour ur réponse rapide
    Il y a certains cas dans lesquels il pourrait être une mauvaise idée d'utiliser segment je pense. Par exemple, si je veux avoir une http demande dans chacun des onglets qui est appelée qu'après ionViewDidLoad . Cette solution envoyer tous les http la demande, même sans ouvrir le segment. J'ai eu une situation similaire , j'ai choisi tabs inside tabs méthode qui fonctionne bien. Et j'ai l'animation et d'autres ionique page de rappels toujours disponible.

    OriginalL'auteur sebaferreras

  3. 4

    Si vous utilisez Ionique 2 ou 3 ici, c'est le moyen-

    1. Ouvrir src\app\app.module.ts fichier
    2. Passer tabsPlacement:'bottom' comme un objet de valeur à la
      onicModule.forRoot() fonction.
    3. Passer de l'objet en tant que deuxième argument.
    4. Pouvez utiliser 'top' en place de 'bottom' apparaisse en haut

      Espérons que cela fonctionnera pour vous!!!

    code source ici.

    Cela a fonctionné pour moi pour ionique v3.9.2 merci

    OriginalL'auteur S.Yadav