CODEWITHSUNDEEP
ioscordovaionic3
Seyi B
Seyi B

Reputation: 51

How to fix Ionic (ios) page navigation issues?

I am Currently experiencing experiencing navigation issues in the iOS version of the application. When navigating, the page drops to the bottom right of the screen - show a black background - then navigates to a new page.

![Image of the transition issue] https://i.sstatic.net/tIZcy.jpg

Currently, I have not been able to find a solution to this issues. I have tried changing the transition of the ionic pages but it just compounds issues

this.navCtrl.push(PollsPage);

       this.navCtrl.push(PollsPage, {}, {
          direction: 'back', // default for push is 'forward'
          duration: 2000, // 2 seconds
          easing: 'ease-out'
      }

Ideally, I'd like the pages to transition like the Android version of the application where the pages transition/navigate without a the screen dropping to the bottom right first.

Upvotes: 2

Views: 607

Answers (3)

Hanoj B
Hanoj B

Reputation: 371

It worked for me , but the prperty is "animated" and I am using Ionic V4

IonicModule.forRoot({ scrollPadding: "false", scrollAssist: false, **animated:false** })

Upvotes: 3

Uday Kumar
Uday Kumar

Reputation: 41

  • It worked for me , but the prperty is "animated" and I am using Ionic V4

    IonicModule.forRoot({ scrollPadding: "false", scrollAssist: false, animated:false }),

Upvotes: 1

Seyi B
Seyi B

Reputation: 51

To solve this issue, all you need to do is: 1) Go to app.module.ts 2) change 'IonicModule.forRoot(MyApp)' to 'IonicModule.forRoot(MyApp, {animate:false})'

Upvotes: 2

Related Questions