benevbright/react-navigation-collapsible

React Navigation 6.x Support

Closed this issue · 1 comments

Hi there,
I've used React Navigation 6.x on my app.
useCollapsibleHeader not working with custom header component on version 6

const options = {
    navigationOptions: {
      header: ({navigation, route}) => {
        return (
          <Toolbar title="‌Home"/>
        );
      },
      config: {
        collapsedColor: theme.colors.background,
        useNativeDriver: true,
        elevation: 2,
        disableOpacity: true,
      },
    },
  };

  const {
    onScroll,
    onScrollWithListener,
    containerPaddingTop,
    scrollIndicatorInsetTop,
    positionY,
    translateY,
    progress,
    opacity,
  } = useCollapsibleHeader(options);

How can i fix that?

* Environment:
React native 0.64
React Navigation 6.0.1
Windows 11
VSCode 58

Fixed in 6.0.0. Thanks for reporting!