PedroBern / react-native-collapsible-tab-view

A cross-platform Collapsible Tab View component for React Native
MIT License
868 stars 171 forks source link

How can I change the header height dynamically? #297

Open Dani-Boy92 opened 2 years ago

Dani-Boy92 commented 2 years ago

Hi, I really love the packages and could easily integrate components like Flashlist or FlatList from the gesture handler library into a fork. But now I'm stuck, maybe you can give me your thoughts on this.

I am trying to hide the header when I close the bottom drawer (see video). The drawer provides an animated index representing the various snap points. Based on this index, I am reducing the height of the header and the opacity.

It seems that the content offset is not readjusted fast enough, resulting in an ugly white space. I wonder what a smoother approach might 20220826_175059 look like. I realize you're not offering a complete solution, but I'm more interested in what I can look at (perhaps using the examples you provided that are close to my problem) or how you would approach the problem.

Many thanks and keep up the good work!