iyegoroff / react-native-collapsible-header-views Goto Github PK

hello there,
i am trying to fire an event when header is collapsed is there any way to get header height of and event that tells if header is collapsed or visible

Currently, contentContainerStyle's paddingTop is overriden by header's height.

I suggest either:

• Add a new prop, such as extraPaddingTop which will be added to headerHeight to infer top padding
• Use Stylesheet.flatten to evaluate if user provided a paddingTop, and add this padding top toheaderHeight to infer top padding.

Currently, the header is overlapping over the sticky header. Is there any way to prevent this

I need use function scrollTo [https://reactnative.dev/docs/scrollview#scrollto] but this value is undefined.

example of the code is below

const _ref = React.useRef();

<CollapsibleHeaderScrollView ref={_ref} ... > 
</CollapsibleHeaderScrollView>

but when i use _ref.current.scrollTo, 'scrollTo' aways is undefined, is not a function.

• Somebody help me D:

Is there a way to get X and Y values on onScroll native event as we do when we use scrollView since CollapsibleHeaderScrollView is technically a scrollView as well.

When using this in conjunction with the @react-navigation/native useScrollTop function, the following error gets thrown:

%s: Calling getNode() on the ref of an Animated component is no longer necessary. You can now directly use the ref instead. This method will be removed in afuture release., FlatList

useScrollTop works fine with the vanilla FlatList component. Any ideas how I can prevent the error from being thrown?

Hi 👋 !!, thanks for the library.. I have a question?, is there support for refresh Control?, because i am trying implement it but not work. I am using CollapsibleHeaderSectionList. Thanks very much

I would like to include a refresh control or use the onRefresh and refreshing props. However, I cannot get an indicator to appear.

Getting the following warning on RN 0.62.

FlatList: Calling getNode() on the ref of an Animated component is no longer necessary. You can now directly use the ref instead. This method will be removed in a future release.

i need to add another view on runtime but height of CollapsibleHeaderScrollView is fixed, please add support to dynamic height.

Thanks for this fantastic functionality. It works well. I'm curious as to whether it is possible to delay header appearance until scroll bounds are met. Currently it appears immediately as you scroll down reducing screen real estate.

Hi, I'm using CollapsibleHeaderScrollView and it works perfectly.
I need to reset scroll position to 0 if the user taps on the header but when i call scrollTo it's undefined.

In my code I set the ref:
<CollapsibleHeaderScrollView
ref={(ref) => {
this.ListView_Ref = ref;
}} ...

...and the function...

goToTop() {
this.ListView_Ref.scrollTo({x: 0, y: 0, animated: true});
}

...calling goToTop() gives undefined. What am I missing? Thanks

Is It possible to set the scrolling list position to absolute and headerContainerBackgroundColor="transparent" so the content sits under the header? As soon as apply absolute positioning to the list the header doesn't animate on scroll. I can work around this by setting a marginTop -HEADERHEIGHT style? thanks

as title says

Collapsible Header with Tab Navigators

Hi, Do you have a plan to support the onRefresh?

WebView has onScroll prop, so I guess in theory it should work. I have tried with

const AnimatedWebview = withCollapsibleHeader(WebView)

but I had no luck. Is this possible?

Hi i was wondering how can i use showHeader method outside of header component ?

microsoft/TypeScript#24226

To specify the minimum height of the header, I gave the headerHeight less than the actual height. As I expected, the header was displayed at the minimum height in a collapsed state. But in this state, the buttons in the header did not work.
It seems that the touchable height follows the specified headerHeight, not the actual height of the header.

    <CollapsibleHeaderScrollView
      CollapsibleHeaderComponent={
        <>
          <View style={{height: 100}} />
          <Button style={{height: 100}} onPress={() => console.log('pressed')}>
            <Text>BUTTON</Text>
          </Button>
        </>
      }
      headerHeight={100}
    >
      <View style={{height: 5000, backgroundColor: 'wheat'}} />
    </CollapsibleHeaderScrollView>

Seems that scroll to location in section view stops working