Header not clickable

[ParthDev96]

@kanelloc-deploy Please check the video, header is not clickable may be some overlapping on there, please let me know if I am doing something wrong.

Screen.Recording.2023-09-30.at.11.37.40.AM.mov

[dcnxx1]

did you get around this? Facing the same issue rn

[ParthDev96]

hi @dcnxx1,

OverflowHeaderComponent is overlapping on it so.

I solved it by adding a condition while rendering the OverflowHeaderComponent in the library's source (src/components/AnimatedNavbar.tsx), and I added a patch to the library.

Before

<Animated.View style={[ styles.container, styles.overflowHeader, { zIndex: overflowHeaderOpacity, height: headerHeight, opacity: overflowHeaderOpacity, }, ]} > {OverflowHeaderComponent} </Animated.View>

After
{OverflowHeaderComponent && <Animated.View style={[ styles.container, styles.overflowHeader, { zIndex: overflowHeaderOpacity, height: headerHeight, opacity: overflowHeaderOpacity, }, ]} > {OverflowHeaderComponent} </Animated.View>}