How to use the react-navigation-collapsible.withCollapsible function in react-navigation-collapsible

/>
      
    
  );
};

const collapsibleParams = {
  collapsibleComponent: SearchBar,
  collapsibleBackgroundStyle: {
    height: 60,
    backgroundColor: '#061',
    // disableFadeoutInnerComponent: true,
  },
};

export default withCollapsible(ExtraHeaderScreen, collapsibleParams);

renderItem={this.renderItem}
        keyExtractor={(item, index) => String(index)}
        contentContainerStyle={{paddingTop: paddingHeight}}
        scrollIndicatorInsets={{top: paddingHeight}}
        onScroll={onScroll}
        // if you want to use 'onScroll' callback.
        // onScroll={Animated.event(
        //   [{nativeEvent: {contentOffset: {y: animatedY}}}],
        //   {useNativeDriver:true, listener:this.onScroll})}
        _mustAddThis={animatedY}
      />
    );
  }
}

export default withCollapsible(DefaultHeaderScreen, {iOSCollapsedColor: 'red'});

data={this.state.data}
          renderItem={this.renderItem}
          keyExtractor={(item, index) => String(index)}

          contentContainerStyle={{paddingTop: paddingHeight + tabHeight}}
          scrollIndicatorInsets={{top: paddingHeight + tabHeight}}
          onScroll={onScroll} 
          _mustAddThis={scrollY}
          />
        
      
    );
  }
}

export default withCollapsible(AdvancedScreen, {iOSCollapsedColor: 'purple'});