benevbright/react-navigation-collapsible

Transparent header

pjc0247 opened this issue · 1 comments

const { onScroll, containerPaddingTop, scrollIndicatorInsetTop } =
    useCollapsibleHeader({
      navigationOptions: {
        headerTransparent: true,
        headerStyle: {
          height: 50,
          backgroundColor: 'transparent',
        },
      },
      config: { disableOpacity: false, collapsedColor: 'transparent' },
    });

How do I make header transparent? above code does not work. (It renders white header.)

Testing on Android

"@react-navigation/drawer": "^6.0.0-next.19",
    "@react-navigation/native": "^6.0.0-next.15",
    "@react-navigation/stack": "^6.0.0-next.27",
"react-navigation-collapsible": "^6.0.0",

Your option seems fine. It should work. Could you check again with the latest version of react-navigation?