Comment placer ionique onglets au bas de l'écran?
J'ai créé un simple ionique-onglets qui montre mes icônes en haut de l'écran. J'ai essayé de l'envelopper dans un ionique de pied de page de la barre d'ordre de l'avoir placé au bas de l'écran, sans succès. Les onglets disparaissent quand je fais ça. Comment dois-je accomplir les regards que je veux?
<ion-footer-bar>
<ion-tabs class="tabs-icon-only tabs-stable">
...
</ion-tabs>
</ion-footer-bar>
Vous devez vous connecter pour publier un commentaire.
Depuis le beta 14 des Ionique (http://blog.ionic.io/the-final-beta/), il y a quelques variables de configuration qui est désormais par défaut de leur plate-forme de valeurs, ce qui signifie qu'ils vont essayer de se comporter selon la plateforme sur laquelle ils sont construits sur.
Dans le cas d'onglets, pour iOS par défaut est l'affichage sur l'écran du bas, et Android sur le dessus.
Vous pouvez facilement en dur "ensemble" le lieu de tous les plateformes de réglage de la
tabs.position
fonction dans le$ionicConfigProvider
, à l'intérieur de votre fonction config comme ceci:Vous pouvez consulter la documentation ici
À la place de la ionicFramework onglets au bas de l'écran pour les appareils android il suffit d'ouvrir votre app.js fichier, et en vertu de angulaire.module ajouter les lignes de code suivantes:
Espère que cela aidera.
Mise à jour pour Ionique 2 (propre/amélioration de la syntaxe):
Dans app.js:
Voir Les Configs
De le placer dans votre app.js fait le travail.
Ionique prend automatiquement des configurations de plate-forme en compte à régler des choses comme ce style de transition et s'onglet icônes doivent s'afficher sur le haut ou le bas.
Par exemple, Dans le cas d'onglets, pour iOS par défaut est l'affichage sur l'écran du bas, et Android sur le dessus.
Note1 : Il convient de noter que lorsqu'une plate-forme n'est pas iOS ou Android, puis il va par défaut d'iOS
Note2 : si vous développez sur un navigateur de bureau, il va prendre sur iOS par défaut configs
Dans le côté le app.js fichier vous aurez besoin d'injecter de l' $ionicConfigProvider à l' .config module et ajoutez $ionicConfigProvider.onglets.position(‘bas’)
Comment placer ionique onglets au bas de l'écran Ionique dans les 2
Pour la version actuelle ionique 2.0.0-bêta.10.
Dans l'app.ts:
Voir Config
Pour la, qui sera bientôt publiée ionique 2.0.0-bêta.11
Dans l'app.ts:
Config
Mise à jour pour Ionique 2, et Ionique 3+:
Vous avez 2 méthodes pour changer d'onglet position de la barre:
Méthode 1: Utiliser
tabsPlacement
propertive de<ion-tabs>
Méthode 2: Modifier la config dans
app.module.ts
Voir le docs
ion-segment-button.segment-button { border-top-style: solid; border-bottom-width: 0; }
fait le truc, cependant, pour le border-top-width je n'ai pas trouvé d'autre recours que de les définir explicitement dans la feuille de style, l'attribut de l'élément de 2px. Autre chose, toujours écrase avec 3px, même en mettant en Chrome sur l'élément et avec !important dans la feuille de style ne semble pas top que.