Issues with tabs

@Nadzz1 wrote:

Hi, I’m new to using Ionic, and haven’t really used Angular before, I have some backend help but I need some frontend help, I have been trying for days to get this tabs system to work however, it doesn’t seem to work, I made an alternative by adding this after the ionic-content tag on each page:

<ion-tab-button (click)="gotoMatches()">

  <ion-icon name="people-circle" color="danger"></ion-icon>

  <ion-label>Matches</ion-label>

</ion-tab-button>

<ion-tab-button tab="usermessages">

  <ion-icon name="chatbox-ellipses"></ion-icon>

  <ion-label>Messages</ion-label>

  <ion-badge color="danger">6</ion-badge>

</ion-tab-button>

<ion-tab-button tab="map">

  <ion-icon name="options"></ion-icon>

  <ion-label>Filter</ion-label>

</ion-tab-button>

<ion-tab-button tab="about">

  <ion-icon name="person-circle"></ion-icon>

  <ion-label>My Account</ion-label>

</ion-tab-button>

To redirect, I am using a function which is goToMatches() and it works, however now my scrolling has been blocked and wont scroll at all and I have no idea on how to rectify it, I have also tried to do it the normal way with routing ect however it doesn’t ever seem to work, thank you for taking your time to read this,

Kind Regards
Nadz

Posts: 1

Participants: 1

Read full topic