React-native-screens: [native-stack] Large title scrolls completely wrong
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
All 5 comments
iDuuck
on 11 Feb 2020
Wow, still no update?
iDuuck
on 6 Mar 2020
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
on 7 Aug 2020
I am closing this issue since it should be resolved. Feel free to comment if something is wrong.
WoLewicki
on 20 Aug 2020
https://github.com/software-mansion/react-native-screens/issues/320#issuecomment-670469660 fixed it for me.
zachgibson
on 28 Oct 2020
Related issues
thorbenandresen
路
4Comments
ArekChr
路
5Comments
OmarBasem
路
4Comments
chai86
路
3Comments
pvinis
路
5Comments
Most helpful comment
You should use
headerTranslucent: trueandcontentInsetAdjustmentBehaviorprop set to "automatic" on yourScrollViewcomponent. Setting it should make theScrollViewwithlargeHeaderbehave the way it was designed by Apple. Does it solve your issue?