react-native-collapsible

react-native-collapsible copied to clipboard

It's quite hard to explain, but when there is a CollapsedHeight set, the expand animation sometimes glitches before continuing with the animation:

It happens with both iOS and Android, tested on emulator and tested on my device.

Example Snack: https://snack.expo.io/8pLrDy!KA

To reproduce: Set CollapsedHeigth={{100}} and open it a few times, it happens every once in a while

Also, tried using other Easing options, different durations and alignments. The glitch still happens in each one of those settings

I have the same problem. Noticed that without hasKnownHeight checking in render method in Collapsible works fine with Collapsible. Didn't test with Accordion.

react native: 0.63.4 react native collapsible: 1.5.3

render() {
    ...
    const style = hasKnownHeight && {
        overflow: 'hidden',
        height: height,
    };
    ...
}

I'm having the same problem. I'm having a similar problem when using react-navigation-shared-element as well, the animation staggers and resizes. I think something else is the problem here. It would be great if someone knows what's happening here

Have you been able to solve this problem? I am facing the same issue...

To me it looks like the height starts back at 0 for a frame before continuing from the set collapsedHeight. Edit: Looks like the same from https://github.com/oblador/react-native-collapsible/issues/218