[native-stack] Large title scrolls completely wrong

[iduuck]

Hey guys, I wanted to implement React-Navigation v5 into my project, but now found an issue, which is very huge. I also found some bugs regarding this one.

Referenced here:

• https://stackoverflow.com/questions/48039046/ios-11-large-title-navigation-bar-snaps-instead-of-smooth-transition
• https://stackoverflow.com/questions/47649375/ios-11-large-navigation-bar-title-unexpected-velocity

I think both questions on SO have described the issue properly, so I don't need to redescribe here, but yeah. I have this issue right now.

[iduuck]

Related: react-navigation/react-navigation#6754

[iduuck]

Wow, still no update?

[WoLewicki]

You should use headerTranslucent: true and contentInsetAdjustmentBehavior prop set to "automatic" on your ScrollView component. Setting it should make the ScrollView with largeHeader behave the way it was designed by Apple. Does it solve your issue?

[WoLewicki]

I am closing this issue since it should be resolved. Feel free to comment if something is wrong.

[zachgibson]

#320 (comment) fixed it for me.

[Evan-Younan]

@WoLewicki Does this actually work properly with a FlatList? It works fine with a ScrollView but as soon as I introduce a FlatList, it does not scroll to the top properly.

[WoLewicki]

@Evan-Younan provide a reproduction where it does not work for you so we can elaborate on it.

[guiccbr]

Did anyone notice that if bounces={false} the large header never gets back after being collapsed for the first time? This should be easy to reproduce in the latest versions of the libs.