Questions tagged [ionic-tabs]
58 questions
1
vote
1 answer
calling controller function from within a promise in external JS
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…

rolinger
- 2,787
- 1
- 31
- 53
0
votes
0 answers
Vue3 with IONIC using Tabs configuration , not unredering current view when router navigates to other url
Good day developers.
Im building this Ionic-Vue3, Vuex, app using the tabs structure, and aside the current tabs url´s I also have created new paths outside'em. For some reason , navigation between URLs is ok and views that are left get properly…

Enrique GF
- 1,215
- 3
- 16
- 35
0
votes
0 answers
Ionic Tabs not working properly when coming from same module
I have the case when have 5 tabs at the bottom( home, about, profile, lob/first, lob/second ). first 3 of them are coming from different module and they look great but the last two of them are from the same module and this ones are not ok , when you…

ione
- 1
- 1
0
votes
3 answers
Page is not rendering after using `history.push` in Ionic/React with `IonTabs` as nested routes
I have an Ionic/React v5.0.7 app with IonReactRouter to manage routing:
// App.tsx
return (

OPearl
- 349
- 3
- 14
0
votes
1 answer
Ionic + React. Side Menu and Tabs together only default tab is working rest two tabs are coming as blank
I'm using Ionic with React.
In my app, I've both side menu and the tabs together.
In the tabs only the default tab is working properly other tabs are showing a blank screen.
My code is as follows:
1. App.tsx looks as follows
const App: React.FC =…

Ashish Tripathi
- 580
- 4
- 18
0
votes
2 answers
Ionic: routerLink does not work anymore since implementing navigation using tabs
Ever since I implemented the tab bar I am no longer able to navigate without using the tab bar. There is some navigation that I'd like to do outside of the tab bar.
TAB BAR
…

A.Mac
- 203
- 3
- 19
0
votes
1 answer
ionic 3 - registerBackButtonAction - can't get the active pushed pages
My application navigation goes like this:
Login Page (set as Root)
TabsPage (set as Root, once login is success)
ListPage (ion-tab root)
FilterPage (opens as Modal)
DetailsPage (Page is pushed)
SearchPage (ion-tab root)
SettingsPage (ion-tab…

Naveen Kumar V
- 2,559
- 2
- 29
- 43
0
votes
1 answer
Ionic 4 pass data from tab bar to all tabs
I have five tabs in my app. All these tabs require an id stored in local storage. So I want to get this id from local storage on the tab-bar page and send it to all tabs as the user clicks on respective tabs.
I don't want to use query params as…

pratik jaiswal
- 1,855
- 9
- 27
- 59
0
votes
1 answer
Ionic - Navigate to a Ionic Tabs page with a specific Id Error: Cannot match any routes. URL Segment:
I'm working on an app that has the following use case which I'm not sure how to implement.
I'm on a page that display a list of Game/Match Results. When I click on that particular Game I want to be brought to a more detailed page for that Game,…

Barry the Beginner
- 31
- 2
- 14
0
votes
1 answer
Using Template TABS and trying to add new route (No component factory found for HelloworldPageModule)
im trying ionic for the first time.
I created a project using the template TABS and im trying to add a new page with new botton in the bottom menu.
I did this:
1) ionic generate page helloworld
2) In tabs-routing.module.ts i added the new…

Toriga
- 189
- 2
- 7
- 17
0
votes
1 answer
How to pass parameter from Tabs container to one tab in ionic 4
I have a ionic tabs app and need to pass parameter from TabsPage.ts to Tab2Page.ts in order to use it in Tab2Page.html. The tabs work with routing system. I googled around but found nothing helpful. Any help is appreciated.
TabsPage.ts:
import {…

Iva Pesa
- 47
- 1
- 12
0
votes
1 answer
Ionic segments inside ionic tab not displaying child page properly
I'm using Ionic Tabs layout for my ionic3 application. Inside 1st tabpage, i have 2 ionic-segments (both of them have their own pages.).
Issue is when i click 1st Ionic-tab it then 2 segments are displayed properly but Page content of any of…

Nirav Parsana
- 155
- 1
- 17
0
votes
2 answers
Ionic 4 component is not rendering on navigation
I am using Ionic 4 and Angular 8
I have below tabs on the bottom of my app and want to navigate from forum and messages to different components associated with tabs on the click of tabs.
But the issue is Page do not render on the click of tabs but…

Abhishek Chokra
- 1,381
- 2
- 9
- 17
0
votes
1 answer
Errors Routing to a page with Tabs in Ionic 4
I'm getting the error "Error: Cannot match any routes. URL Segment: 'admin-home/admin-fixtures'
Error: Cannot match any routes. URL Segment: 'admin-home/admin-fixtures'"
When I'm trying to route to page containing tabs
My home page is also a tabs…

Barry the Beginner
- 31
- 2
- 14
0
votes
1 answer
Ionic tabs re-init component
I am using ion-tabs and ion-tab components for Ionic 3. Currently, when user switches between tabs the component in the tab is only initialized when the user switches to it first time. After that ,there is…

Aleksa
- 2,976
- 4
- 30
- 49