React-native-tab-view: White space when scrolling inside a scene and swiping to the next one (with collapsible Header)

[Crash--]

Expected behaviour

If I scroll inside a scene, I expect that after swiping to an another one, the content is well displayed. With no white / blank space.

Actual behaviour

Use this project : https://snack.expo.io/@satya164/collapsible-header-with-tabview

Scroll inside the first scene then swipe right. See this space ?

What have you tried

scrollTo with/without timeout() with no success.

[sircharleswatson]

@Crash-- Any luck with this yet? I'm facing the same issue at the moment. not sure how to resolve it.

[sircharleswatson]

@Crash-- I figured out a solution for this but it's not dynamic (have to set it up for each tab individually) I'm gunna try to do a repro on Expo soon but I'm super busy at the moment. I'll keep this thread up-to-date when I do it!

[fernandoantunes]

@sircharleswatson What solution did you find?

[harishlalwani]

@sircharleswatson What was the solution?

[sircharleswatson]

The solution I came up with was super convoluted and ridiculous (even though it worked) but I had to redesign away from using tabs on this particular page because it was causing too many other issues. In conclusion, I will try to avoid animated headers + tabs as much as possible in the future 🙈

[austenLacy]

@fernandoantunes @harrie006 @sircharleswatson I have a working (with some kinks) example that fixes this problem -- https://github.com/austenLacy/react-native-collapsible-header-with-tabs-demo

[satya164]

Hey, I just released a new alpha 2.0.0-alpha.0 of the library. It's rewritten using react-native-gesture-handler and react-native-reanimated addresses a many platform specific bugs and performance problems. The documentation is updated as well.

Please try the new version and see if it addresses your issue. If not, please open a new issue following the issue template.