React-native-navigation: Shared Element Transition issues

Created on 16 Jul 2018  路  3Comments  路  Source: wix/react-native-navigation

Using shared element transition to animate a number of elements text and images between two screens A and B.

Screen A has no navBar, screen B does.

  • When wrapping elements in Image elements are pushed down in screen A by about the size of the nav bar or safe area. Text elements are not though.

  • When animating, the items animate up farther than they are eventually drawn in screenB.

  • When they are drawn in their final positions in screen B, they are drawn behind the navBar despite screenB having topBar options of drawBehind: false or undefined. Without the animation screenB is shown as it should be.

Environment:

  • React Native Navigation version: 2.0.2412
  • React Native version: 51
  • Platform(s) (iOS, Android, or both?): iOS
  • Device info (Simulator/Device? OS version? Debug/Release?): Simulator iPhone X
iOS v2

Most helpful comment

Is this issue resolved?
I am facing the following issue:
In iOS, while transitioning from screen A to screen B (both with navbar), the shared element goes too far initially to hide under the navbar and then redraws at the current position.

All 3 comments

Is this issue resolved?
I am facing the following issue:
In iOS, while transitioning from screen A to screen B (both with navbar), the shared element goes too far initially to hide under the navbar and then redraws at the current position.

Is this issue resolved?

I am also experiencing this

Was this page helpful?
0 / 5 - 0 ratings

Related issues

swingywc picture swingywc  路  3Comments

tmaly1980 picture tmaly1980  路  3Comments

birkir picture birkir  路  3Comments

henrikra picture henrikra  路  3Comments

yayanartha picture yayanartha  路  3Comments