Ok #reactnative peeps. Let's play a game. Which header animation is native iOS, and which one's pure JavaScript?
0:11
7.1K views
26
31
128
Conversation
The left one is native: the title and BG transitions are more aligned in time; the label layout is more harmonious. But it took me a moment!
Also it looks like the transition curve is a notch too eased on the right? Should be k=1000 c=500, m=3.
1
5
Which equation are these values to?
1
Show replies
You’re right, of course! The React-nav one is using the same easing as the screen transition, but...
1
3
...I think that the iOS one is actually using a slightly different curve in the header than the screen transition, and it feels better
2
More work to do of course, but honestly though I’m just happy I got a “but it took me a moment” from you! 😀😀😀
1
6
Really great to see that you have the mask on the back button arrow where the title text comes out from. Very nice!
2