ionic-tabs

Ionic 4 simple tab in blank project

点点圈 提交于 2020-01-06 14:50:33
问题 I have create a new project with ionic start myApp blank Now i need to add tab in to the project i have create folder tabs in pages and create two file inside tabs tabs.html tabs.ts in tabs.html <ion-tabs> <ion-tab [root]="homePage" tabTitle="Home" tabIcon="bulb" ></ion-tab> <ion-tab [root]="reclamationsPage" tabTitle="Reclamations" tabIcon="settings"></ion-tab> </ion-tabs> in tabs.ts import { Component } from '@angular/core'; import { ReclamationsPage } from '../reclamations/reclamations';

Hide tabs on keyboard open

半城伤御伤魂 提交于 2020-01-01 05:38:17
问题 I want to hide my tabs when the keyboard is open, and show the tabs again when the keyboard is closed. I know that I can go just for "AdjustSpan", and thats it, but the problem is that if I do that, the keyboard also hides an input that I have for a chat, because its a footer. Whats the best way to hide the tabs? I already tried with [ngClass] in , I tried with Keyboard.disableScroll, and also in app.module.ts using the parameters scrollAssist and autoFocusAssist with false value... Nothing

Editing Ionic tab icon styles

佐手、 提交于 2019-12-23 20:41:44
问题 I am working on an Ionic project where the main navigation method is tabs. The center tab needs to stand out so I created a style in my scss like this: i.icon.ion-ios-camera { height: inherit; border-radius: 100em; background-color: #ff5b38; } I did this the way I did barbecue when ionic serve 'ing and inspecting, I find that my tab: <ion-tab title="Post" icon="ion-ios-camera" href="#/home/post"> <ion-nav-view name="tab6"></ion-nav-view> </ion-tab> gets compiled to: So I thought just to

Ionic tab stuck with first showed view

杀马特。学长 韩版系。学妹 提交于 2019-12-12 05:06:29
问题 I found an undesired behaviour with the ionic tabs. Basically i have some tabs, in the first tab i have 3 views, one leading to another with the tab1Initial giving access to the tab1internal1 view, and this one giving access to the tab1internal2 view in the same tab, no problem there. But i have other tab (let's call it second tab) that leads to tab1internal2 in the first tab, which works as expected, except for one detail: If i haven't visited the first tab, and access tab1internal2 view

calling controller function from within a promise in external JS

。_饼干妹妹 提交于 2019-12-11 12:44:48
问题 Ionic Tabs, root of tabs HTML has "RootTabCtrl", and "Tab1" (with "Tab1_Ctrl") has a form, other tabs are disabled . User submits form on Tab1 Tab1 Controller function kicks off. Controller Function calls an external function (not in controller). External function triggers, which executes a promise In promise "results", returned data is processed If X in returned data is true, trigger "RootTabCtrl" function to enable the other disabled tabs. I can track console messages triggering every step