I am using IONIC 2 + Angular 2.
I am using Tabview for my dashboard. The issue is when I try to redirect page with this.nav.push(TabPage), A constructor of TabPage is getting called but View is not updating.
When I Minimise and Maximise app again, then I can see TabPage with all the Tabs but not without.
A problem is Tabs layout I guess as Its working if I redirect it to normal page instead of Tabs page.
You probably ran into one of the many navigation/tabs issues which a present in the current version of ionic. You can try downgrading to ionic-angular version 3.5.3 which was the version before most of these issues were introduced by refactoring the way the NavController generates URLs.
Related
I am trying to open confirmation modal from modal without closing first one but it seems Bootstrap 5 has different behaviour than 4 version.
Below Bootstrap 4 version that works as expected
https://www.codeply.com/go/NiFzSCukVl
Below Bootstrap 5.1.2 version only difference with version 4 example is attributes are now data-bs instead of data-
https://www.codeply.com/p/imDoS33VZx
Is there any work around to solve this issue or am I missing something ?
According to the Bootstrap docs:
Toggle between multiple modals with some clever placement of the data-bs-target and data-bs-toggle attributes.
For example, you could toggle a password reset modal from within an already open sign-in modal.
Please note that multiple modals cannot be open simultaneously —this method simply toggles between two separate models."
I'd like to change back button dynamically in app having localization feature in Ionic 5.
Of course, I can do it config.set function in Ionic 3 but it is deprecated in Ionic 5.
I want the same function I can use that in a page like profile setting page.
This is my current solution.
<ion-back-button [text]="backButtonText"></ion-back-button>
This works well in the page but I don't like to add the same code [text]="backButtonText" in other pages too.
I don’t know what’s happening, but when I use the ionic router navigateForward or navigateBack methods
their is no animation , just the page appears without animate
this.navCtrl.navigateBack(HomePage);
I used Native Page Transition plugin to fix this problem
I started from the ion-tabs project, and I added a button to get the current tab information (this is obviously a simplified version of what I need to do). in Ionic3, it was enough to have
#ViewChild('myTabs') tabRef: Tabs;
and then in the click button I had
this.tabRef.getSelected();
and that was it - and I had the info.
now in ionic 4 the exact same code throws an exception :
this.tabRef.getSelected is not a function
what is wrong? How do I get the tabs information in code ?
Thanks,
Yuval
I have developed a mobile application. Most of the functions are inside, but I have some very strange behaviour inside the app on iOs (not tested on android yet).
When I click on an item: the event after the click is called twice. This isn't happening the whole time, but happens now and then. This is a problem for when I try to go to the next slide (he things he should move twice to a next slide), but also when I try to open the gallery for selecting photos, he opens the gallery twice, login for facebook happens twice etc... The strange thing is, that this isn't the whole time the case.
I have normal buttons like
<button ion-button color="black" class="skip-button"
(click)="nextStep()" [hidden]="lastSlide">Next</button>
so I don't think that the coding is wrong (or is it wrong).
I use this version:
ionic --version
2.1.18
In the beginning of the development I hadn't this issue. I think that I was using an older version of ionic2 then. Is there a way to go back perhaps?
I was in the meantime working on another project without having this issue (in that project). My last try was to copy the other project and copy pages and providers from the project with the error. The error is now gone, but still no clue why there was such an error.