Delay to show ion-header on ios-transition with "back" direction

@arthurflor wrote:

Current behavior:
Using the ios-transition with the back direction in android, the ion-header has a delay to appear. Already with forward direction is ok.

Expected behavior:
Instead of the delay for the ion-header appearing, it would be good a fade-in effect, just as it's in foward direction.

Steps to reproduce:
app.modules.ts
IonicModule.forRoot(MyApp, { pageTransition: 'ios-transition' })

PageExample.ts
this.nav.setRoot(OtherPageExample, {}, {animate: true, direction: "back"})
or
this.nav.push(OtherPageExample, {}, {direction: "back"})

As an example, I took prints of the app animation:
1. When clicked on sidemenu, this is closed and the page is pushed with the back direction;
2. The page is shown, but not the ion-header;
3. After a small delay the ion-header is shown;

image.png410x591 26.8 KB

Ionic info:

global packages:

    @ionic/cli-utils : 1.3.0
    Cordova CLI      : 7.0.1
    Ionic CLI        : 3.3.0

local packages:

    @ionic/app-scripts              : 1.3.7
    @ionic/cli-plugin-cordova       : 1.3.0
    @ionic/cli-plugin-ionic-angular : 1.3.0
    Cordova Platforms               : android 6.2.3 ios 4.4.0
    Ionic Framework                 : ionic-angular 3.3.0

System:

    Node       : v8.0.0
    OS         : Linux 4.11
    Xcode      : not installed
    ios-deploy : not installed
    ios-sim    : not installed

Any solution?

Posts: 1

Participants: 1

Read full topic