React-native-screens: Large title doesn't snap

[arjndr]

Large title doesn't snap like expected

Actual Behavior:

Expected Behavior (From iOS messages app):

[FrankFundel]

How have you made the searchbar? :D

[arjndr]

How have you made the searchbar? :D

I used this https://github.com/umhan35/react-native-search-bar

[FrankFundel]

And used it as headerCenter?

[arjndr]

And used it as headerCenter? Von meinem iPhone gesendet Am 05.06.2020 um 15:40 schrieb Akash Rajendra [e-mail]:  How have you made the searchbar? :D I used this https://github.com/umhan35/react-native-search-bar — You are receiving this because you commented. Reply to this email directly, view it on GitHub<#526 (comment)>, or unsubscribehttps://github.com/notifications/unsubscribe-auth/ADB4KAHWLSH3NV36QCG2RE3RVDYVBANCNFSM4NL46PGQ.

No, first child in ScrollView, and set the stickyHeaderIndices prop to 0

[FrankFundel]

Header does snap when using translucent: true. You then can set backgroundColor to black and add paddingTop. But stickyHeader does not work then.

EDIT: Maybe it works for you. And maybe it has something to do with https://stackoverflow.com/questions/48039046/ios-11-large-title-navigation-bar-snaps-instead-of-smooth-transition

[FrankFundel]

Got it working with translucent: true and stickyHeaderIndices={[0]} with contentInsetAdjustmentBehavior="automatic" on ScrollView. That ScrollView has to be the first component you render.

EDIT: StickyHeader does not work for me. Maybe we can team up implementing the antive searchbar in the header.

[WoLewicki]

It would be great if you submitted a PR with native searchbar!

[arjndr]

@WoLewicki check out my fork, this is all I could do, appreciate it if anyone would further work on this

[WoLewicki]

Large title snaps only when it is translucent and it is expected behavior. About the sticky indices, there is already an issue #542. Can I close it then?

[arjndr]

Yes!